{% extends "base.html" %}

{% block content %}
<header>
    <hgroup>
        <h1>Dane hydrologiczne</h1>
        <p>Generator linków do pobrania danych hydrologicznych IMGW</p>
    </hgroup>
</header>

<article>
    <form hx-post="/download/hydro/generate"
          hx-target="#results"
          hx-indicator="#loading-indicator">

        <div class="grid">
            <label>
                Interwał czasowy
                <select name="interval" required>
                    {% for value, label in intervals %}
                    <option value="{{ value }}">{{ label }}</option>
                    {% endfor %}
                </select>
            </label>

            <label>
                Parametr (tylko dla danych półrocznych)
                <select name="param">
                    <option value="">Wszystkie parametry</option>
                    {% for value, label in params %}
                    <option value="{{ value }}">{{ label }}</option>
                    {% endfor %}
                </select>
                <small>Wymagane tylko dla danych półrocznych i rocznych</small>
            </label>
        </div>

        <div class="grid">
            <label>
                Rok początkowy
                <input type="number" name="start_year" min="1951" max="2025" value="2023" required>
            </label>

            <label>
                Rok końcowy
                <input type="number" name="end_year" min="1951" max="2025" value="2023" required>
            </label>
        </div>

        <button type="submit">Generuj linki do pobrania</button>
    </form>
</article>

<section id="results">
    <!-- HTMX will load results here -->
</section>

<article>
    <header>
        <h3>Informacje o danych</h3>
    </header>
    <details>
        <summary>Dane dobowe</summary>
        <p>Dane dobowe zawierają pomiary ze wszystkich stacji dla wybranego miesiąca:</p>
        <ul>
            <li>Stan wody (H) - w cm</li>
            <li>Przepływ (Q) - w m³/s</li>
            <li>Temperatura wody (T) - w °C</li>
        </ul>
        <p>Dostępne od 1951 roku.</p>
    </details>

    <details>
        <summary>Dane miesięczne</summary>
        <p>Agregowane dane miesięczne dla całego roku.</p>
        <p>Dostępne od 1951 roku.</p>
    </details>

    <details>
        <summary>Dane półroczne i roczne</summary>
        <p>Dane ekstremalne (min/max/średnie) w podziale na parametry:</p>
        <ul>
            <li>Q - przepływ</li>
            <li>H - stan wody</li>
            <li>T - temperatura wody</li>
        </ul>
        <p>Dostępne od 1951 roku.</p>
    </details>
</article>
{% endblock %}