{% extends "base.html" %}
{% block title %}Horoskop{% endblock %}
{% set nav_active = "chart" %}

{% block styles %}<link rel="stylesheet" href="{{ static('s-chart.css') }}">
{% 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 %}
<p class="sub">Wpisz dane momentu i miejsca — program policzy pozycje obiektów, osie i domy (silnik efemeryd warstwy logicznej).</p>

<form method="post" action="/">
  <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>
  {% include "_location_picker.html" %}
  {% include "_form_options.html" %}
  {% if location_label %}<p class="muted small">Wstępnie wpisano lokalizację: <strong>{{ location_label }}</strong> ({{ form.lat }}, {{ form.lon }}). Zmień pola lub kliknij „Tu i teraz".</p>{% endif %}
  <div class="actions">
    <button type="button" id="nowBtn" class="ghost">Tu i teraz</button>
    <button type="submit">Policz horoskop</button>
    <span id="geoNote" class="muted small"></span>
  </div>
</form>

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

{% if result %}
  {# Fallback systemu domów — z kosmogramu nie da się go poznać, więc mówimy wprost #}
  {% for w in result.house_warnings or [] %}
  <p class="notice-warn">{{ w }}</p>
  {% endfor %}
  <div class="meta">
    Silnik: <strong>{{ result.engine }}</strong> ·
    obiektów: {{ result.positions | length }}
    {% if result.house_system %}· domy: {{ house_label(result.house_system) }}{% endif %}
    {% if result.zodiac %}· zodiak: {{ result.zodiac }}{% if result.ayanamsha is defined %} (ayanamsa {{ '%.4f'|format(result.ayanamsha) }}°){% endif %}{% endif %}
    {% if moment %}· moment: {{ moment }}{% endif %}
  </div>

  {% if wheel_svg %}
  <figure class="wheel-fig">
    {{ wheel_svg | safe }}
    <figcaption class="muted small">Kosmogram — znaki, domy, osie, obiekty, Lots (⊗) i aspekty. Linie w środku: niebieskie — harmonijne, czerwone — napięte, grubsze = ciaśniejszy orb. Najedź na obiekt lub linię, by zobaczyć szczegóły.</figcaption>
  </figure>
  {% endif %}

  {% if aspectarian_svg %}
  <figure class="aspectarian-fig">
    {{ aspectarian_svg | safe }}
    <figcaption class="muted small">Aspektarian — siatka aspektów obiekt×obiekt. Glify po przekątnej to obiekty; komórka pod przekątną to aspekt między obiektem z jej wiersza a obiektem z jej kolumny (pusto = brak aspektu). Barwy jak na kole: niebieski — harmonijny, czerwony — napięty, zielony — koniunkcja; pogrubiony = orb poniżej 1°. Najedź na komórkę po szczegóły.</figcaption>
  </figure>
  {% endif %}

  {% if declination_svg %}
  <figure class="declination-fig">
    {{ declination_svg | safe }}
    <figcaption class="muted small">Wykres deklinacji — obiekty na tej samej wysokości są w <strong>paraleli</strong> (jak koniunkcja poza ekliptyką, zielony łącznik), lustrzane względem równika — w <strong>kontrparaleli</strong> (jak opozycja, czerwony). Poza zwrotnikami (±ε, strefa cieniowana) obiekt jest <strong>OOB</strong>. Najedź po szczegóły.</figcaption>
  </figure>
  {% endif %}

  {% if antiscia_svg %}
  <figure class="antiscia-fig">
    {{ antiscia_svg | safe }}
    <figcaption class="muted small">Oś antyscji — ekliptyka rozwinięta w poziom; pionowa oś przesileń (0° Raka / Koziorożca) to lustro <strong>antyscji</strong>, oś równonocy (0° Barana / Wagi) — <strong>kontrantyscji</strong>. Łuki łączą pary. Najedź po szczegóły.</figcaption>
  </figure>
  {% endif %}

  {% include "_result_tables.html" %}
{% endif %}

<script src="{{ static('now.js') }}"></script>
{% endblock %}