extends layout

block content
  header
    #hline1
      #h1name #{t("NoiseMeasurement")}
      #buttonsRight
        button#btnSet(value='set') #{t("Settings")}
        // button#btnHelp(value='help') #{t("Info")}
        #h1datum

  #fenster
    #spinner
    #navi
      .tabs#tablist
        button.tab-button.active#maptab(data-target="t_map" type="button" role="tab" aria-controls="map" aria-selected="true") #{t("Map")}
        button.tab-button#livetab(data-target="t_live" type="button" role="tab" aria-controls="live") #{t("Live")}
        button.tab-button#houravgtab(data-target="t_houravg" type="button" role="tab" aria-controls="houravg") #{t("Hour_AVG")}
        button.tab-button#dayavgtab(data-target="t_dayavg" type="button" role="tab" aria-controls="dayavg") #{t("Day_AVG")}
        button.tab-button#daynighttab(data-target="t_daynight" type="button" role="tab" aria-controls="daynight") #{t("Day_Night")}
        button.tab-button#ldentab(data-target="t_lden" type="button" role="tab" aria-controls="lden") L<sub>DEN</sub>-Index
    .tab-content#thetabs
      .tab-pane.active#t_map(role="tabpanel")
        #map
          button#btnMyLocation(type="button" title=t("MyLocation"))
            span 📍
        #maptaberr.errdiv
        #mapdateactsens
          #actsensors
          #mapdate
      .tab-pane#t_live(role="tabpanel")
        #dlive 
        #livetaberr.errdiv
      .tab-pane#t_houravg(role="tabpanel")
        #dhour
        #houravgtaberr.errdiv
      .tab-pane#t_dayavg(role="tabpanel")
        #dday
        #dayavgtaberr.errdiv
      .tab-pane#t_daynight(role="tabpanel")
        #ddaynight
        #daynighttaberr.errdiv
      .tab-pane#t_lden(role="tabpanel")
        #dlden
        #ldentaberr.errdiv


  // Error-Dialog
  dialog#dialogError
    .dialog-content
      .dialog-header
        h3.dialog-title #{t("Error")}
        button.dialog-close(type="button" aria-label="Close") &times;
      .dialog-body
      .dialog-footer


  // Settings-Dialog
  dialog#dialogSettings
    .dialog-content
      .dialog-header
        h3.dialog-title #{t("Settings")}
        button.dialog-close(type="button" aria-label="Close") &times;
      .dialog-body.settings
        .rows
          .column#ccity 
            label.thelabels(for='city') #{t("CenterMap")}:
            input.theInputs#centercity(name="centercity")
          .column#stday
            label.thelabels(for='startday') #{t("StartDate")}:
            input.theInputs#startday(type='date' name='startday')
          .column
          .column#nbday
            label.thelabels(for='nbrofdays')
              | #{t("NumberOfDays")}:<br />
            input.theInputs#nbrofdays(type='number' name='nbrofdays' min="1" max="10")
            span.klein &nbsp;&nbsp;(max. 10)
          .column#pklim
            label.thelabels(for='peaklim')
              | #{t("Count_peaks_over")}
            input.theInputs#peaklim(type='number' name='peaklim' min="10" max="130")
            | &nbsp;&nbsp;dbA
            span.klein &nbsp;&nbsp;(max. 130)
          .column#odth
            label.thelabels(for='olderthan')
              | #{t("RemoveFromMap")}
            input.theInputs#olderthan(type='number' name='olderthan' min="0" max="52")
            | &nbsp;&nbsp;#{t("weeks")}
            span.klein &nbsp;&nbsp;(max. 52)
          .column
          .column#sellan
            label.thelabels
              | #{t("Language")}:
            .radio-group
              label.radio-label
                input#de(type="radio" name="lanbut")
                span Deutsch
              label.radio-label
                input#en(type="radio" name="lanbut" checked)
                span English
      .dialog-footer
        button.dialog-button.secondary#btnClose(type="button") #{t("Close")}
        button.dialog-button.primary#btnSave(type="button") #{t("Save_changes")}


  // Reset-Dialog
  dialog#dialogReset
    .dialog-content
      .dialog-header
        h3.dialog-title Info
        button.dialog-close(type="button" aria-label="Close") &times;
      .dialog-body
      .dialog-footer
        button.dialog-button.primary#btnResetOk(type="button") OK