doctype html
html(lang="de")
  head
    meta(charset="UTF-8")
    meta(name="viewport", content="width=device-width, initial-scale=1.0")
    title Wetterstation
    link(rel="stylesheet", href="/static/css/style.css")
    script(src="https://code.highcharts.com/highcharts.js")
    script(src="https://code.highcharts.com/modules/exporting.js")
    script(src="https://code.highcharts.com/modules/export-data.js")
  body
    .container
      h1 🌤️ Wetterstation Dashboard
      
      .tabs
        button.tab.active(onclick="switchPeriod('day')") Tag (24h)
        button.tab(onclick="switchPeriod('week')") Woche (7 Tage)
      
      #loading.loading Lade Daten...
      
      #charts.charts-grid(style="display: none;")
        .chart-container
          #temp-chart
        .chart-container
          #humidity-chart
        .chart-container
          #pressure-chart
        .chart-container
          #rain-chart
        .chart-container
          #wind-speed-chart
        .chart-container
          #wind-dir-chart
    
    script(src="/static/js/app.js")