{% extends "base.html" %}
{% block title %}Synastria{% endblock %}
{% set nav_active = "synastry" %}

{% block styles %}<link rel="stylesheet" href="{{ static('s-synastry.css') }}">
{% endblock %}

{% block content %}
<p class="sub">Dwie osoby → aspekty <strong>między</strong> ich horoskopami (planeta jednej osoby do planety drugiej). Bez interpretacji z bazy — sama siatka aspektów.</p>

<form method="post" action="/synastry">
  <div class="grid">
    {% for p in [{'k': 'a', 'label': 'Osoba A'}, {'k': 'b', 'label': 'Osoba B'}] %}
    <fieldset style="flex:1; min-width:16rem; border:1px solid var(--line); border-radius:12px; padding:1rem;">
      <legend class="muted small">{{ p.label }}</legend>
      <label>Imię
        <input type="text" name="{{ p.k }}_person" autocomplete="name" value="{{ form[p.k ~ '_person'] or '' }}">
      </label>
      <div class="grid">
        <label>Data <input type="date" name="{{ p.k }}_date" value="{{ form[p.k ~ '_date'] or '' }}" required></label>
        <label>Godzina <input type="time" name="{{ p.k }}_time" value="{{ form[p.k ~ '_time'] or '' }}" required></label>
      </div>
      <div class="grid">
        <label title="Przesunięcie względem GMT, krok 15 min">Offset GMT (h)
          <input type="number" name="{{ p.k }}_tz_offset" step="0.25" min="-12" max="14"
                 value="{{ form[p.k ~ '_tz_offset'] if form[p.k ~ '_tz_offset'] is not none else 0 }}"></label>
        <label>Szer. (lat) <input type="number" name="{{ p.k }}_lat" step="0.0001" value="{{ form[p.k ~ '_lat'] if form[p.k ~ '_lat'] is not none else 0 }}"></label>
        <label>Dług. (lon) <input type="number" name="{{ p.k }}_lon" step="0.0001" value="{{ form[p.k ~ '_lon'] if form[p.k ~ '_lon'] is not none else 0 }}"></label>
      </div>
    </fieldset>
    {% endfor %}
  </div>

  <div class="opts" title="Wspólne dla obu osób. Orb i aspekty poboczne jak przy horoskopie (PRE-06).">
    <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="draconic" {{ 'selected' if zd == 'draconic' else '' }}>Draconic</option>
      </select>
    </label>
    <label>Orb aspektów (°) <input type="number" name="aspect_orb" step="0.5" min="1" max="15" value="{{ form.aspect_orb if form.aspect_orb is not none else 8 }}"></label>
    <label>Bonus świateł (°) <input type="number" name="aspect_luminary_bonus" step="0.5" min="0" max="5" value="{{ form.aspect_luminary_bonus if form.aspect_luminary_bonus is not none else 2 }}"></label>
    <label><input type="checkbox" name="aspect_minor" value="true" {{ 'checked' if form.aspect_minor else '' }}> aspekty poboczne (30/45/150°)</label>
  </div>
  <div class="actions">
    <button type="submit">Policz synastrię</button>
  </div>
</form>

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

{% if result %}
  {% set an = form.a_person or 'Osoba A' %}
  {% set bn = form.b_person or 'Osoba B' %}
  <div class="meta">Aspekty synastryczne ({{ result.aspects | length }}) · <strong>{{ an }}</strong> ↔ <strong>{{ bn }}</strong> · silnik {{ result.engine }}</div>
  {% if result.aspects %}
  <table class="angles">
    <thead><tr><th>{{ an }}</th><th>Aspekt</th><th>{{ bn }}</th><th>Orb</th></tr></thead>
    <tbody>
      {% for a in result.aspects %}
        <tr>
          <td>{{ a.obj1 }}</td>
          <td>{% if a.glyph %}<span class="glyph">{{ a.glyph }}</span> {% endif %}{{ a.aspect }}</td>
          <td>{{ a.obj2 }}</td>
          <td class="mono">{{ '%.2f'|format(a.orb) }}°</td>
        </tr>
      {% endfor %}
    </tbody>
  </table>
  {% else %}
  <p class="muted">Brak aspektów w zadanym orbie. Spróbuj szerszego orbu albo aspektów pobocznych.</p>
  {% endif %}
{% endif %}
{% endblock %}