{% extends "base.html" %}
{% block title %}Kalendarz{% endblock %}
{% block nav_timeline %}active{% 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>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>Strefa (offset h)
      <input type="number" name="tz_offset" step="0.25" 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>
  <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>
  <div class="actions">
    <button type="button" id="nowBtn" class="ghost">Tu i teraz</button>
    <button type="submit">Pokaż kalendarz</button>
    <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 %}

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