extends layout

block content
  header
    #hline1
      #h1name Noise Measurement
      #h1datum

  #fenster
    #navi
      ul.nav.nav-tabs#tablist
        li.nav-item(role='presentation')
          button.nav-link.active#kartentab(data-bs-toggle="tab" data-bs-target="#t_map" type="button" role="tab" aria-controls="map" aria-selected="true") Map
        li.nav-item(role='presentation')
          button.nav-link#livetab(data-bs-toggle="tab" data-bs-target="#t_live" type="button" role="tab" aria-controls="live" aria-selected="true") Live
        li.nav-item(role='presentation')
          button.nav-link#houravgtab(data-bs-toggle="tab" data-bs-target="#t_houravg" type="button" role="tab" aria-controls="houravg" aria-selected="true") Hour_AVG
        li.nav-item(role='presentation')
          button.nav-link#dayavgtab(data-bs-toggle="tab" data-bs-target="#t_dayavg" type="button" role="tab" aria-controls="dayavg" aria-selected="true") Day_AVG
        li.nav-item(role='presentation')
          button.nav-link#daynighttab(data-bs-toggle="tab" data-bs-target="#t_daynight" type="button" role="tab" aria-controls="daynight" aria-selected="true") Day_Night
        li.nav-item(role='presentation')
          button.nav-link#ldentab(data-bs-toggle="tab" data-bs-target="#t_lden" type="button" role="tab" aria-controls="lden" aria-selected="true") L<sub>DEN</sub>-Index
    #buttonsRight
      button.btn.btn-primary#btnSet(value='set') Settings
      button.btn.btn-primary#btnHelp(value='help') Info

    .tab-content#thetabs
      .tab-pane.fade.show.active#t_map(role="tabpanel" aria-labelledby="map-tab")
        #map
        #mapdateactsens
          #actsensors
          #mapdate
      .tab-pane.fade#t_live(role="tabpanel" aria-labelledby="live-tab")
        #dlive
      .tab-pane.fade#t_houravg(role="tabpanel" aria-labelledby="map-tab")
        #dhour
      .tab-pane.fade#t_dayavg(role="tabpanel" aria-labelledby="map-tab")
        #dday
      .tab-pane.fade#t_daynight(role="tabpanel" aria-labelledby="map-tab")
        #ddaynight  DayNightTAB
      .tab-pane.fade#t_lden(role="tabpanel" aria-labelledby="map-tab")
        #dlden


  // Error-Dialog
  .modal.fade#dialogError(tabindex="-1" role="dialog" aria-labelledby="Error" aria-hidden="true")
    .modal-dialog.modal-dialog-centered(role="document")
      .modal-content
        .modal-header
          h5.modal-title.dialogErrorTitle Error
          button(type="button" class="close" data-bs-dismiss="modal" aria-label="Close")
            span(aria-hidden="true") &times;
        .modal-body
        .modal-footer
          //button(type="button" class="btn btn-secondary" data-bs-dismiss="modal") Close
          // button(type="button" class="btn btn-primary") Save changes


  // Settings-Dialog
  .modal.fade#dialogSettings(tabindex="-1" role="dialog" aria-labelledby="Settings" aria-hidden="true")
    .modal-dialog.modal-dialog-centered(role="document")
      .modal-content
        .modal-header
          h5.modal-title.dialogErrorTitle Settings
          button(type="button" class="close" data-bs-dismiss="modal" aria-label="Close")
            span(aria-hidden="true") &times;
        .modal-body.settings
          .rows
            .column
              label.thelabels(for='startday')
                | Start date:
              input.theInputs#startday(name='startday' )
            .column
              label.thelabels(for='nbrofdays')
                | Number of days:<br />
                span#klein (Only for live chart)
              input.theInputs#nbrofdays(type = 'number' name = 'nbrofdays')
              | &nbsp;&nbsp;(max. 10)
            .column
              label.thelabels(for='peaklim')
                | Count peaks over
              input.theInputs#peaklim(type = 'number' name = 'peaklim')
              | &nbsp;&nbsp;dbA
        .modal-footer
            button.btn.btn-secondary(type="button" data-bs-dismiss="modal") Close
            button#btnSave.btn.btn-primary(type="button" data-bs-dismiss="modal") Save changes