doctype html
html(lang='de')
  head
    meta(charset='UTF-8')
    meta(name='viewport', content='width=device-width, initial-scale=1.0')
    title Stromverbrauch Monitor
    link(rel='stylesheet', href='/css/styles.css')
  body
    .container
      h1 ⚡ Stromverbrauch Monitor
      
      .form-container
        form#verbrauchForm
          .form-group
            .form-field
              label Collections auswählen:
              .checkbox-group
                label.checkbox-label
                  input#coll_maschinen(type='checkbox', value='maschinen', checked)
                  span  Maschinen
                label.checkbox-label
                  input#coll_auto(type='checkbox', value='auto', checked)
                  span  Auto
            .form-field
              label(for='startDate') Von:
              input#startDate(type='date', required)
            .form-field
              label(for='endDate') Bis:
              input#endDate(type='date', required)
          button(type='submit') Verbrauch anzeigen

      #results.results-container

      .version-info Version #{version} - #{versiondate}

    script(src='/js/script.js')