{% extends "base.html" %}
{% block title %}Skompiluj{% endblock %}
{% set nav_active = "compile" %}

{% block styles %}<link rel="stylesheet" href="{{ static('s-compile.css') }}">
{% if can(request, 'ai') %}<link rel="stylesheet" href="{{ static('x-ai.css') }}">{% endif %}
{% endblock %}
{% block head_scripts %}
<script defer src="{{ static('formsync.js') }}"></script>
<script defer src="{{ static('wheelzoom.js') }}"></script>
<script defer src="{{ static('wheeltip.js') }}"></script>
{% endblock %}

{% block content %}
{# Opis raportu zależy od tego, z czego konto może go złożyć. Wersja z AI
   wymieniałaby funkcje, których część kont nie ma — a wymienienie ich w zdaniu
   jest takim samym śladem jak przycisk. #}
{% if can(request, 'ai') %}
<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>
{% else %}
<p class="sub">Składa policzony horoskop w jeden raport. Dane pobiera z pozostałych
zakładek — nie trzeba nic przepisywać.</p>
{% endif %}

{# 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>
    {% if can(request, 'houses_compare') %}
    <label>System domów
      <select name="house_system">
        {% set hs = form.house_system or 'whole_sign' %}
        {% for value, name in HOUSE_SYSTEMS %}
        <option value="{{ value }}" {{ 'selected' if hs == value else '' }}>{{ name }}{{ ' *' if value in HOUSE_LIMITED else '' }}</option>
        {% endfor %}
      </select>
    </label>
    {% endif %}
    {% if can(request, 'advanced_calc') %}
    <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>
    {% endif %}
  </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>
    {% if can(request, 'export') %}<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>{% endif %}
  </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" %}

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

{% if can(request, 'ai') %}
{# 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>
{% endif %}
<script src="{{ static('compile.js') }}"></script>
{% endblock %}