#errorCatcher Echo
#encoding UTF-8
#set global $page = "records"

#import datetime
#from datetime import timedelta

    #include "header.html.tmpl"
    
    <script type="text/javascript">
        var moment_locale = "$system_locale".replace(/_/g, '-'); // Replace underscore with dash (e.g. "en_US" becomes "en-US") which is a format that moment.js needs for local
        moment.locale(moment_locale);
        
        jQuery(document).ready(function() {
            document.getElementById("year-outtemp-max-ts").innerText = moment.unix($year.outTemp.maxtime.raw).format('LLL');
            document.getElementById("at-outtemp-max-ts").innerText = moment.unix($alltime.outTemp.maxtime.raw).format('LLL');
            
            document.getElementById("year-outtemp-min-ts").innerText = moment.unix($year.outTemp.mintime.raw).format('LLL');
            document.getElementById("at-outtemp-min-ts").innerText = moment.unix($alltime.outTemp.mintime.raw).format('LLL');
            
            #if $Extras.has_key('show_apptemp') and $Extras.show_apptemp == '1'
            document.getElementById("year-apptemp-max-ts").innerText = moment.unix($year.appTemp.maxtime.raw).format('LLL');
            document.getElementById("at-apptemp-max-ts").innerText = moment.unix($alltime.appTemp.maxtime.raw).format('LLL');
            
            document.getElementById("year-apptemp-min-ts").innerText = moment.unix($year.appTemp.mintime.raw).format('LLL');
            document.getElementById("at-apptemp-min-ts").innerText = moment.unix($alltime.appTemp.mintime.raw).format('LLL');
            #end if
            
            document.getElementById("year-heatindex-max-ts").innerText = moment.unix($year.heatindex.maxtime.raw).format('LLL');
            document.getElementById("at-heatindex-max-ts").innerText = moment.unix($alltime.heatindex.maxtime.raw).format('LLL');
            
            document.getElementById("year-windchill-min-ts").innerText = moment.unix($year.windchill.mintime.raw).format('LLL');
            document.getElementById("at-windchill-min-ts").innerText = moment.unix($alltime.windchill.mintime.raw).format('LLL');
            
            document.getElementById("year-outtemp-range-max-ts").innerText = moment.unix($year_outTemp_range_max[0]).format('LL');
            document.getElementById("at-outtemp-range-max-ts").innerText = moment.unix($at_outTemp_range_max[0]).format('LL');
            
            document.getElementById("year-outtemp-range-min-ts").innerText = moment.unix($year_outTemp_range_min[0]).format('LL');
            document.getElementById("at-outtemp-range-min-ts").innerText = moment.unix($at_outTemp_range_min[0]).format('LL');
            
            document.getElementById("year-windGust-max-ts").innerText = moment.unix($year.windGust.maxtime.raw).format('LLL');
            document.getElementById("at-windGust-max-ts").innerText = moment.unix($alltime.windGust.maxtime.raw).format('LLL');
            
            #if $Extras.has_key('show_windrun') and $Extras.show_windrun == '1'
            document.getElementById("year-windrun-max-ts").innerText = moment.unix($year.windrun.maxtime.raw).format('LL');
            document.getElementById("at-windrun-max-ts").innerText = moment.unix($alltime.windrun.maxtime.raw).format('LL');
            #end if
            
            document.getElementById("year-rainiest-day-ts").innerText = moment.unix($rainiest_day[0]).format('LL');
            document.getElementById("at-rainiest-day-ts").innerText = moment.unix($at_rainiest_day[0]).format('LL');
            
            document.getElementById("year-rainRate-max-ts").innerText = moment.unix($year.rainRate.maxtime.raw).format('LLL');
            document.getElementById("at-rainRate-max-ts").innerText = moment.unix($alltime.rainRate.maxtime.raw).format('LLL');
            
            document.getElementById("year-outHumidity-max-ts").innerText = moment.unix($year.outHumidity.maxtime.raw).format('LLL');
            document.getElementById("at-outHumidity-max-ts").innerText = moment.unix($alltime.outHumidity.maxtime.raw).format('LLL');
            
            document.getElementById("year-outHumidity-min-ts").innerText = moment.unix($year.outHumidity.mintime.raw).format('LLL');
            document.getElementById("at-outHumidity-min-ts").innerText = moment.unix($alltime.outHumidity.mintime.raw).format('LLL');
            
            document.getElementById("year-dewpoint-max-ts").innerText = moment.unix($year.dewpoint.maxtime.raw).format('LLL');
            document.getElementById("at-dewpoint-max-ts").innerText = moment.unix($alltime.dewpoint.maxtime.raw).format('LLL');
            
            document.getElementById("year-dewpoint-min-ts").innerText = moment.unix($year.dewpoint.mintime.raw).format('LLL');
            document.getElementById("at-dewpoint-min-ts").innerText = moment.unix($alltime.dewpoint.mintime.raw).format('LLL');
            
            document.getElementById("year-pressure-max-ts").innerText = moment.unix($year.pressure.maxtime.raw).format('LLL');
            document.getElementById("at-pressure-max-ts").innerText = moment.unix($alltime.pressure.maxtime.raw).format('LLL');
            
            document.getElementById("year-pressure-min-ts").innerText = moment.unix($year.pressure.mintime.raw).format('LLL');
            document.getElementById("at-pressure-min-ts").innerText = moment.unix($alltime.pressure.mintime.raw).format('LLL');
            
            document.getElementById("year-soilTemp1-max-ts").innerText = moment.unix($year.soilTemp&.maxtime.raw).format('LLL');
            document.getElementById("at-soilTemp1-max-ts").innerText = moment.unix($alltime.soilTemp1.maxtime.raw).format('LLL');
            
            document.getElementById("year-days-with-rainfall-ts").innerText = moment.unix($year_days_with_rain[1]).format('LL');
            // Take the number of days ($at_days_with_rain[0]) and multiply by 86400 (seconds in a day) to get total seconds. Then subtract from the end epoch to give you the epoch "days ago"
            // Removed the year with ", YYYY, or "/YYYY" or ".YYYY" or "-YYYY"
            var start_day_epoch = $at_days_with_rain[1] - ($at_days_with_rain[0] * 86400);
            document.getElementById("at-days-with-rainfall-range-ts").innerText = moment.unix(start_day_epoch).format('LL').replace(/([A-Z])|[, \/\-\.]+\b[0-9]{4}\b/g, '$1') + " - " + moment.unix($at_days_with_rain[1]).format('LL');

            document.getElementById("year-days-without-rainfall-ts").innerText = moment.unix($year_days_without_rain[1]).format('LL');
            // Take the number of days ($at_days_with_rain[0]) and multiply by 86400 (seconds in a day) to get total seconds. Then subtract from the end epoch to give you the epoch "days ago"
            // Removed the year with ", YYYY, or "/YYYY" or ".YYYY" or "-YYYY"
            var start_day_epoch = $at_days_without_rain[1] - ($at_days_without_rain[0] * 86400);
            document.getElementById("at-days-without-rainfall-range-ts").innerText = moment.unix(start_day_epoch).format('LL').replace(/([A-Z])|[, \/\-\.]+\b[0-9]{4}\b/g, '$1') + " - " + moment.unix($at_days_without_rain[1]).format('LL');

        });
    </script>

    <div class="site-inner">
        <div class="content-sidebar-wrap">
            <main class="content">	
                <article class="weewx records page type-page status-publish entry" itemscope itemtype="https://schema.org/CreativeWork">
                    <div class="entry-content wx-content" itemprop="text">
                    
                        #include "page-header.inc"

                        <!-- Begin row -->
                        <div class="row">
                            <div class="col-sm-12 wx-records-description">
                                #if os.path.exists("records.inc")
                                #include "records.inc"
                                #end if
                            </div>
                        </div>
                        <!-- End row -->
                        
                        <!-- Records table row -->
                        <div class="row records-table">
                            <table class="table-striped">
                                <tbody>
                                    <tr>
                                        <td class="records-header" colspan=5>Enregistrements de Temperature</td>
                                    </tr>                        
                                    <tr>
                                        <td class="records-header" colspan=1> </td>
                                        <td class="records-header" colspan=2>$current.dateTime.format("%Y")</td>
                                        <td class="records-header-alltime" colspan=2>All Time</td>
                                    </tr>
                                    <tr>
                                        <td>Temperature Max</td>
                                        <td class="leftborder">$year.outTemp.max</td>
                                        <td><span id="year-outtemp-max-ts"></span></td><!-- moment.js -->
                                        <td class="leftborder"><span id="at-outtemp-max-ts"></span></td><!-- moment.js -->
                                        <td>$alltime.outTemp.max</td>
                                    </tr>
                                    <tr>
                                        <td>Temperature Min</td>
                                        <td class="leftborder">$year.outTemp.min</td>
                                        <td id="year-outtemp-min-ts"></td><!-- moment.js -->
                                        <td class="leftborder" id="at-outtemp-min-ts"></td><!-- moment.js -->
                                        <td>$alltime.outTemp.min</td>
                                    </tr>
                                    #if $Extras.has_key('show_apptemp') and $Extras.show_apptemp == '1'
                                    <tr>
                                        <td>Highest Apparent Temperature</td>
                                        <td class="leftborder">$year.appTemp.max</td>
                                        <td id="year-apptemp-max-ts"></td><!-- moment.js -->
                                        <td class="leftborder" id="at-apptemp-max-ts"></td><!-- moment.js -->
                                        <td>$alltime.appTemp.max</td>
                                    </tr>
                                    <tr>
                                        <td>Lowest Apparent Temperature</td>
                                        <td class="leftborder">$year.appTemp.min</td>
                                        <td id="year-apptemp-min-ts"></td><!-- moment.js -->
                                        <td class="leftborder" id="at-apptemp-min-ts"></td><!-- moment.js -->
                                        <td>$alltime.appTemp.min</td>
                                    </tr>
                                    #end if
                                    <tr>
                                        <td>Indice de Chaleur Max</td>
                                        <td class="leftborder">$year.heatindex.max</td>
                                        <td id="year-heatindex-max-ts"></td><!-- moment.js -->
                                        <td class="leftborder" id="at-heatindex-max-ts"></td><!-- moment.js -->
                                        <td>$alltime.heatindex.max</td>
                                    </tr>  
                                    <tr>
                                        <td>Air Ressenti Min</td>
                                        <td class="leftborder">$year.windchill.min</td>
                                        <td id="year-windchill-min-ts"></td><!-- moment.js -->
                                        <td class="leftborder" id="at-windchill-min-ts"></td><!-- moment.js -->
                                        <td>$alltime.windchill.min</td>
                                    </tr>
                                    <tr>
                                        <td>Largest Daily Temperature Range</td>
                                        <td class="leftborder">$year_outTemp_range_max[1] $unit.label.outTemp</td>
                                        <td><span id="year-outtemp-range-max-ts"></span><br>(Min: $year_outTemp_range_max[2] $unit.label.outTemp - Max: $year_outTemp_range_max[3] $unit.label.outTemp )</td><!-- moment.js -->
                                        <td class="leftborder"><span id="at-outtemp-range-max-ts"></span><br>(Min: $at_outTemp_range_max[2] $unit.label.outTemp - Max: $at_outTemp_range_max[3] $unit.label.outTemp )</td><!-- moment.js -->
                                        <td>$at_outTemp_range_max[1] $unit.label.outTemp</td>
                                    </tr>                           
                                    <tr>
                                        <td>Smallest Daily Temperature Range</td>
                                        <td class="leftborder">$year_outTemp_range_min[1] $unit.label.outTemp</td>
                                        <td><span id="year-outtemp-range-min-ts"></span><br>(Min: $year_outTemp_range_min[2] $unit.label.outTemp - Max: $year_outTemp_range_min[3] $unit.label.outTemp )</td><!-- moment.js -->
                                        <td class="leftborder"><span id="at-outtemp-range-min-ts"></span><br>(Min: $at_outTemp_range_min[2] $unit.label.outTemp - Max: $at_outTemp_range_min[3] $unit.label.outTemp )</td><!-- moment.js -->
                                        <td>$at_outTemp_range_min[1] $unit.label.outTemp</td>
                                    </tr>
                                    
                                    <tr>
                                        <td class="records-header" colspan=5>Enregistrements du Vent</td>
                                    </tr>
                                    <tr>
                                        <td class="records-header" colspan=1> </td>                                    
                                        <td class="records-header" colspan=2>$current.dateTime.format("%Y")</td>
                                        <td class="records-header-alltime" colspan=2>All Time</td>
                                    </tr>                        
                                    <tr>
                                        <td>Rafale de Vent la plus Forte</td>
                                        <td class="leftborder">$year.windGust.max</td>
                                        <td id="year-windGust-max-ts"></td><!-- moment.js -->
                                        <td class="leftborder" id="at-windGust-max-ts"></td><!-- moment.js -->
                                        <td>$alltime.windGust.max</td>                            
                                    </tr>
                                    #if $Extras.has_key('show_windrun') and $Extras.show_windrun == '1'
                                    <tr>
                                        <td>Highest Daily Wind Run</td>
                                        <td class="leftborder">$year.windrun.max</td>
                                        <td id="year-windrun-max-ts"></td><!-- moment.js -->
                                        <td class="leftborder" id="at-windrun-max-ts"></td><!-- moment.js -->
                                        <td>$alltime.windrun.max</td>
                                    </tr>
                                    #end if
                                    <tr>
                                        <td class="records-header" colspan=5>Enregistrements des Précipitations</td>
                                    </tr>
                                    <tr>
                                        <td class="records-header" colspan=1> </td>                                    
                                        <td class="records-header" colspan=2>$current.dateTime.format("%Y")</td>
                                        <td class="records-header-alltime" colspan=2>All Time</td>
                                    </tr>                        
                                    <tr>
                                        <td>Pluie quotidienne la plus élevée</td>
                                        <td class="leftborder">$rainiest_day[1] $unit.label.rain</td>
                                        <td id="year-rainiest-day-ts"></td><!-- moment.js -->
                                        <td class="leftborder" id="at-rainiest-day-ts"></td><!-- moment.js -->
                                        <td>$at_rainiest_day[1] $unit.label.rain</td>
                                    </tr>
                                    <tr>
                                        <td>Taux de précipitations journalier le plus élevé</td>
                                        <td class="leftborder">$year.rainRate.max</td>
                                        <td id="year-rainRate-max-ts"></td><!-- moment.js -->
                                        <td class="leftborder" id="at-rainRate-max-ts"></td><!-- moment.js -->
                                        <td>$alltime.rainRate.max</td>
                                    </tr>
                                    <tr>
                                        <td>Mois avec les précipitations totales les plus élevées</td>
                                        <td class="leftborder">$year_rainiest_month[1] $unit.label.rain</td>
                                        <td>$year_rainiest_month[0]</td>
                                        <td class="leftborder">$at_rainiest_month[0]</td>
                                        <td>$at_rainiest_month[1] $unit.label.rain</td>
                                    </tr>
                                    <tr>
                                        <td>Total des précipitations pour </td>
                                        <td class="leftborder">$current.dateTime.format("%Y")</td>
                                        <td>$year.rain.sum</td>
                                        <td class="leftborder">$at_rain_highest_year[0]</td>
                                        <td>$at_rain_highest_year[1] $unit.label.rain</td>
                                    </tr>                        
                                    <tr>
                                        <td>Jours consécutifs avec précipitations</td>
                                        <td class="leftborder">$year_days_with_rain[0] days</td>
                                        <td>ending <span id="year-days-with-rainfall-ts"></span></td><!-- moment.js -->
                                        <td class="leftborder">$at_days_with_rain[0] days</td>
                                        <td id="at-days-with-rainfall-range-ts"></td><!-- moment.js -->
                                    </tr>                        
                                    <tr>
                                        <td>Jours consécutifs sans précipitations</td>
                                        <td class="leftborder">$year_days_without_rain[0] days</td>
                                        <td>ending <span id="year-days-without-rainfall-ts"></span></td><!-- moment.js -->
                                        <td class="leftborder">$at_days_without_rain[0] days</td>
                                        <td id="at-days-without-rainfall-range-ts"></td><!-- moment.js -->
                                    </tr>
                                 
                                    <tr>
                                        <td class="records-header" colspan=5>Enregistrements Humidité</td>
                                    </tr>
                                    <tr>
                                        <td class="records-header" colspan=1> </td>                                    
                                        <td class="records-header" colspan=2>$current.dateTime.format("%Y")</td>
                                        <td class="records-header-alltime" colspan=2>All Time</td>
                                    </tr>                        
                                    <tr>
                                        <td>Humidité Max</td>
                                        <td class="leftborder">$year.outHumidity.max</td>
                                        <td id="year-outHumidity-max-ts"></td><!-- moment.js -->
                                        <td class="leftborder" id="at-outHumidity-max-ts"></td><!-- moment.js -->
                                        <td>$alltime.outHumidity.max</td>
                                    </tr>
                                    <tr>
                                        <td>Humidité Min</td>
                                        <td class="leftborder">$year.outHumidity.min</td>
                                        <td id="year-outHumidity-min-ts"></td><!-- moment.js -->
                                        <td class="leftborder" id="at-outHumidity-min-ts"></td><!-- moment.js -->
                                        <td>$alltime.outHumidity.min</td>                            
                                    </tr>
                                    <tr>
                                        <td>Point de Rosée Max</td>
                                        <td class="leftborder">$year.dewpoint.max</td>
                                        <td id="year-dewpoint-max-ts"></td><!-- moment.js -->
                                        <td class="leftborder" id="at-dewpoint-max-ts"></td><!-- moment.js -->
                                        <td>$alltime.dewpoint.max</td>                            
                                    </tr>
                                    <tr>
                                        <td>Point de Rosée Min</td>
                                        <td class="leftborder">$year.dewpoint.min</td>
                                        <td id="year-dewpoint-min-ts"></td><!-- moment.js -->
                                        <td class="leftborder" id="at-dewpoint-min-ts"></td><!-- moment.js -->
                                        <td>$alltime.dewpoint.min</td>                            
                                    </tr>
                                    
                                    <tr>
                                        <td class="records-header" colspan=5>Enregistrements Pression Atmosphérique</td>
                                    </tr>
                                    <tr>
                                        <td class="records-header" colspan=1> </td>                                    
                                        <td class="records-header" colspan=2>$current.dateTime.format("%Y")</td>
                                        <td class="records-header-alltime" colspan=2>All Time</td>
                                    </tr>                          
                                    <tr>
                                        <td>Pression Atmosphérique Max</td>
                                        <td class="leftborder">$year.pressure.max</td>
                                        <td id="year-pressure-max-ts"></td><!-- moment.js -->
                                        <td class="leftborder" id="at-pressure-max-ts"></td><!-- moment.js -->
                                        <td>$alltime.pressure.max</td>                            
                                    </tr>
                                    <tr>
                                        <td>Pression atmosphérique Min</td>
                                        <td class="leftborder">$year.pressure.min</td>
                                        <td id="year-pressure-min-ts"></td><!-- moment.js -->
                                        <td class="leftborder" id="at-pressure-min-ts"></td><!-- moment.js -->
                                        <td>$alltime.pressure.min</td>                             
                                    </tr>
                                    
                                    <tr>
                                        <td class="records-header" colspan=5>Enregistrements Température du Sol</td>
                                    </tr>
                                    <tr>
                                        <td class="records-header" colspan=1> </td>
                                        <td class="records-header" colspan=2>$current.dateTime.format("%Y")</td>
                                        <td class="records-header-alltime" colspan=2>All Time</td>
                                    </tr>
                                    <tr>
                                        <td>Température du Sol Max</td>
                                        <td class="leftborder">$year.soilTemp1.max</td>
                                        <td id="year-soilTemp1-max-ts"></td><!-- moment.js -->
                                        <td class="leftborder" id="at-soilTemp1-max-ts"></td><!-- moment.js -->
                                        <td>$alltime.soilTemp1.max</td>                             
                                    </tr>
                                    <tr> 
                                        <td>Température du Sol Min</td>
                                        <td class="leftborder">$year.soilTemp1.min</td>
                                        <td id="year-soilTemp1-min-ts"></td><!-- moment.js -->
                                        <td class="leftborder" id="at-soilTemp1-min-ts"></td><!-- moment.js -->
                                        <td>$alltime.soilTemp1.min</td>
                                </tbody>
                            </table>
                        </div>
                        <!-- End records table row -->

                    
                    </div>
                </article>
            </main>
        </div>
    </div>


    #include "footer.html.tmpl"