{% extends "base.html" %}
{% block title %}Kalendarz{% endblock %}
{% set nav_active = "timeline" %}

{% block styles %}<link rel="stylesheet" href="{{ static('s-timeline.css') }}">
{% include "_dodatki_timeline_style.html" ignore missing %}
{% endblock %}
{% block head_scripts %}
<script defer src="{{ static('formsync.js') }}"></script>
{% endblock %}

{% block content %}
<p class="sub">Zbiorcza oś czasu technik predykcyjnych (profekcje, solariusze, dyrekcje solar-arc) z interpretacjami z bazy dla dat.</p>

<form method="post" action="/timeline">
  <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 urodzenia
      <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>
    <label>Szerokość (lat)
      <input type="number" name="lat" step="0.0001" value="{{ form.lat if form.lat is not none else 0 }}">
    </label>
    <label>Długość (lon)
      <input type="number" name="lon" step="0.0001" value="{{ form.lon if form.lon is not none else 0 }}">
    </label>
  </div>
  {% 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 %}
  {% include "_location_picker.html" %}
  <div class="grid">
    <label>Zakres od
      <input type="date" name="from_date" value="{{ form.from_date or '' }}" required>
    </label>
    <label>Zakres do
      <input type="date" name="to_date" value="{{ form.to_date or '' }}" required>
    </label>
  </div>
  {% include "_dodatki_timeline_formularz.html" ignore missing %}
  <div class="actions">
    <button type="button" id="nowBtn" class="ghost">Tu i teraz</button>
    <button type="submit" name="action" value="timeline">Pokaż kalendarz</button>
    {% include "_dodatki_timeline_akcje.html" ignore missing %}
    <span id="geoNote" class="muted small"></span>
  </div>
</form>

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

{% if result %}
  {% if result.data_error %}<div class="error">{{ result.data_error }}</div>{% endif %}
  <div class="meta">
    Silnik: <strong>{{ result.engine }}</strong> ·
    zdarzeń: {{ result.count }} · zakres {{ result.from }} → {{ result.to }}
  </div>

  {% for e in result.events %}
    <div class="sig-item">
      <div class="sig-head">
        <span class="badge">{{ e.exact }}</span>
        <span class="badge">{{ e.technique }}</span>
        <strong>{{ e.significator }}</strong>
        <span class="muted small">(okno {{ e.start }} → {{ e.end }})</span>
      </div>
      {% if e.interpretations %}
        <table class="samples">
          <tbody>
            {% for s in e.interpretations %}
              <tr><td class="sig nowrap" title="{{ s.significator }}">{{ s.expanded }}</td><td>{{ s.effect }}</td></tr>
            {% endfor %}
          </tbody>
        </table>
        {% if e.interpretations_count > e.interpretations | length %}
          <div class="muted small">…i {{ e.interpretations_count - (e.interpretations | length) }} więcej</div>
        {% endif %}
      {% elif e.technique != 'solar_return' %}
        <div class="muted small">brak dopasowań w bazie</div>
      {% endif %}
    </div>
  {% endfor %}
{% endif %}

{# Zapamiętane predykcje okresowe (PRE-22) — materiał do raportu zbiorczego #}
<section id="predictionsBox">
  <div id="savedPredictions"></div>
  <p class="muted small" id="predictionsNote"></p>
</section>

<script src="{{ static('now.js') }}"></script>
<script src="{{ static('copy.js') }}"></script>
{% include "_dodatki_timeline_skrypty.html" ignore missing %}
{% endblock %}