{% extends "base.html" %}
{% block title %}Skompiluj{% endblock %}
{% block nav_compile %}active{% endblock %}

{% block content %}
<p class="sub">Składa w jedno: policzony horoskop, interpretację natalną z AI oraz wszystkie
zapamiętane predykcje okresowe. Dane pobiera z pozostałych zakładek — nie trzeba nic przepisywać.</p>

{# Gotowość materiału — wypełniana po stronie przeglądarki (compile.js), bo część
   kawałków (AI) mieszka w magazynie lokalnym, nie na serwerze. #}
<div id="readiness"></div>

<form method="post" action="/compile">
  <div class="grid">
    <label title="Trafia do nagłówka raportu PDF (PRE-24). Nie jest nigdzie wysyłane poza aplikację ani zapisywane na serwerze.">Imię i nazwisko
      <input type="text" name="person" autocomplete="name" placeholder="np. Jan Kowalski"
             value="{{ form.person or '' }}">
    </label>
  </div>
  <div class="grid">
    <label>Data
      <input type="date" name="date" value="{{ form.date or '' }}" required>
    </label>
    <label>Godzina (lokalna)
      <input type="time" name="time" value="{{ form.time or '' }}" required>
    </label>
    <label title="Przesunięcie czasu lokalnego względem GMT/UTC. Krok 15 minut (0,25 h) — bo część stref ma przesunięcie o pół lub ćwierć godziny, np. Indie +5:30, Nepal +5:45.">Offset względem GMT (h)
      <input type="number" name="tz_offset" step="0.25" min="-12" max="14"
             value="{{ form.tz_offset if form.tz_offset is not none else 0 }}">
    </label>
  </div>
  <div class="grid">
    <label>Szerokość (lat, + N)
      <input type="number" name="lat" step="0.0001" value="{{ form.lat if form.lat is not none else 0 }}">
    </label>
    <label>Długość (lon, + E)
      <input type="number" name="lon" step="0.0001" value="{{ form.lon if form.lon is not none else 0 }}">
    </label>
    <label>System domów
      <select name="house_system">
        {% set hs = form.house_system or 'whole_sign' %}
        <option value="whole_sign" {{ 'selected' if hs == 'whole_sign' else '' }}>Whole Sign</option>
        <option value="equal" {{ 'selected' if hs == 'equal' else '' }}>Equal</option>
        <option value="porphyry" {{ 'selected' if hs == 'porphyry' else '' }}>Porphyry</option>
      </select>
    </label>
    <label>Zodiak
      <select name="zodiac">
        {% set zd = form.zodiac or 'tropical' %}
        <option value="tropical" {{ 'selected' if zd == 'tropical' else '' }}>Tropikalny</option>
        <option value="sidereal_lahiri" {{ 'selected' if zd == 'sidereal_lahiri' else '' }}>Syderyczny (Lahiri)</option>
        <option value="sidereal_fagan_bradley" {{ 'selected' if zd == 'sidereal_fagan_bradley' else '' }}>Syderyczny (Fagan-Bradley)</option>
        <option value="sidereal_krishnamurti" {{ 'selected' if zd == 'sidereal_krishnamurti' else '' }}>Syderyczny (Krishnamurti)</option>
        <option value="draconic" {{ 'selected' if zd == 'draconic' else '' }}>Draconic</option>
      </select>
    </label>
  </div>
  {# Te same opcje co na „Horoskop" (wspólny plik) — synchronizowane między
     zakładkami (formsync), żeby podsumowanie liczyło się z tym, co wybrano. #}
  {% include "_form_options.html" %}
  <div class="actions">
    <button type="submit">Złóż podsumowanie</button>
    <button type="button" id="pdfBtn" class="ghost"
            title="Generuje plik pośredni LaTeXa i kompiluje go do PDF (usługa render)">Pobierz PDF</button>
    <span id="pdfNote" class="muted small"></span>
  </div>
</form>

{% if error %}<div class="error">{{ error }}</div>{% endif %}

{% if result %}
  {# ── 1. Nagłówek: kto ──────────────────────────────────────────────── #}
  <div class="report-head">
    <h2 id="reportPerson">{{ form.person or 'Bez podanego imienia' }}</h2>
    <p class="muted small">
      {{ form.date }} {{ form.time }} · offset {{ form.tz_offset }} h względem GMT ·
      {{ '%.4f'|format(form.lat|float) }}, {{ '%.4f'|format(form.lon|float) }}
      {% if moment %}· {{ moment }}{% endif %}
    </p>
  </div>

  {# ── 2. Kosmogram ─────────────────────────────────────────────────── #}
  {% if wheel_svg %}
  <figure class="wheel-fig">
    {{ wheel_svg | safe }}
    <figcaption class="muted small">Kosmogram — kliknij, aby powiększyć.</figcaption>
  </figure>
  {% endif %}

  {% if aspectarian_svg %}
  <figure class="aspectarian-fig">
    {{ aspectarian_svg | safe }}
    <figcaption class="muted small">Aspektarian — siatka aspektów (PRE-18).</figcaption>
  </figure>
  {% endif %}

  {% if declination_svg %}
  <figure class="declination-fig">
    {{ declination_svg | safe }}
    <figcaption class="muted small">Wykres deklinacji — paralele i out-of-bounds (LOG-07).</figcaption>
  </figure>
  {% endif %}

  {% if antiscia_svg %}
  <figure class="antiscia-fig">
    {{ antiscia_svg | safe }}
    <figcaption class="muted small">Oś antyscji — odbicia względem przesileń i równonocy (LOG-07).</figcaption>
  </figure>
  {% endif %}

  {# ── 3. Dane policzone ────────────────────────────────────────────── #}
  {# WSPÓLNE tabele (ten sam plik co „Horoskop") — podsumowanie pokazuje dokładnie
     to, co policzono: porównanie domów, stacje, żywioły itd., jeśli były wybrane. #}
  <div class="meta">Horoskop · silnik {{ result.engine }}
    {% if result.house_system %}· domy {{ result.house_system }}{% endif %}
    {% if result.zodiac %}· zodiak {{ result.zodiac }}{% endif %}</div>
  {% include "_result_tables.html" %}

  {# ── 4. i 5. Części od AI — wstawia przeglądarka z magazynu ───────── #}
  <div id="reportNatal"></div>
  <div id="reportPredictions"></div>
{% endif %}

{# Magazyny wczytujemy dla ich API odczytu. Ich własne UI samo się wyłącza —
   każdy sprawdza, czy jego kontener jest na stronie (tu go nie ma). #}
<script src="{{ static('natal.js') }}"></script>
<script src="{{ static('predictions.js') }}"></script>
<script src="{{ static('compile.js') }}"></script>
{% endblock %}