{% extends "base.html" %}
{% block title %}Interpretacje{% endblock %}
{% block nav_interp %}active{% endblock %}

{% block content %}
<p class="sub">Program policzy horoskop i wyszuka w bazie interpretacje pasujące do obliczeń (pierwsza wersja: planeta w swoim znaku).</p>

<form method="post" action="/interpret">
  <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>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="actions">
    <button type="button" id="nowBtn" class="ghost">Tu i teraz</button>
    <button type="submit">Szukaj interpretacji</button>
  </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>
    {% if result.provider %}· baza: {{ result.provider }}{% endif %}
    {% if moment %}· moment: {{ moment }}{% endif %}
  </div>

  {% for o in result.objects %}
    <div class="sig-item">
      <div class="sig-head">
        <strong>{{ o.object }}</strong> w <strong>{{ o.sign }}</strong>
        <span class="{{ 'retro' if o.direction == 'Rx' else '' }}">{{ o.direction }}</span>
        <span class="muted">— szukano {{ o.planet_token }} + {{ o.sign_token }};
          w znaku: <strong>{{ o.in_sign_count }}</strong> (planeta ogółem: {{ o.planet_total }})</span>
      </div>
      {% if o.samples %}
        <table class="samples">
          <tbody>
            {% for s in o.samples %}
              <tr><td class="mono nowrap">{{ s.significator }}</td><td>{{ s.effect }}</td></tr>
            {% endfor %}
          </tbody>
        </table>
      {% else %}
        <div class="muted small">brak dopasowań „w znaku" w bazie</div>
      {% endif %}
    </div>
  {% endfor %}
{% endif %}

<script>
  document.getElementById('nowBtn').addEventListener('click', function () {
    const d = new Date();
    const pad = n => String(n).padStart(2, '0');
    document.querySelector('input[name=date]').value =
      d.getFullYear() + '-' + pad(d.getMonth() + 1) + '-' + pad(d.getDate());
    document.querySelector('input[name=time]').value = pad(d.getHours()) + ':' + pad(d.getMinutes());
    document.querySelector('input[name=tz_offset]').value = (-d.getTimezoneOffset() / 60);
  });
</script>
{% endblock %}