{% extends "base.html" %}
{% block title %}E-mailová oznámení — MedCover{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-3">
  <h2 class="mb-0">E-mailová oznámení</h2>
  <a href="{{ url_for('admin.index') }}" class="btn btn-outline-secondary btn-sm">← Administrace</a>
</div>

<div class="alert alert-info py-2 mb-4">
  Přehled všech typů e-mailových oznámení odesílaných systémem. Typy označené
  <span class="badge bg-secondary">Vždy zapnuto</span> jsou systémové zprávy a nelze je vypnout.
  Ostatní lze deaktivovat níže — každý přepínač ovládá skupinu souvisejících typů oznámení.
</div>

{# ── Notification delay tiers (issue #268 · read-only) ────────────────────── #}
{% macro minutes_to_human(m) -%}
  {%- if m is none -%}—
  {%- elif m < 60 -%}{{ m }} min
  {%- elif m <= 1440 -%}
    {%- set h = m // 60 -%}{%- set rem = m % 60 -%}
    {%- if rem == 0 -%}{{ h }} h{%- else -%}{{ h }} h {{ rem }} min{%- endif -%}
  {%- else -%}
    {%- set d = m // 1440 -%}{%- set rem_h = (m % 1440) // 60 -%}
    {%- if rem_h == 0 -%}{{ d }} d{%- else -%}{{ d }} d {{ rem_h }} h{%- endif -%}
  {%- endif -%}
{%- endmacro %}

<div class="card mb-4">
  <div class="card-header fw-semibold">Zpoždění notifikací</div>
  <form method="POST" action="{{ url_for('notifications.save_delay_tiers') }}" novalidate>
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
    <div class="card-body">
      <div class="mb-3">
        <label for="notify_delay_under_24h_min" class="form-label fw-semibold">Do 24 hodin do akce</label>
        <div class="input-group input-group-sm" style="max-width: 18rem;">
          <input type="number" class="form-control" id="notify_delay_under_24h_min"
                 name="notify_delay_under_24h_min" min="1" max="20160" step="1" required
                 value="{{ settings.notify_delay_under_24h_min }}">
          <span class="input-group-text">min</span>
          <span class="input-group-text text-muted">≈ {{ minutes_to_human(settings.notify_delay_under_24h_min) }}</span>
        </div>
      </div>

      <div class="mb-3">
        <label for="notify_delay_1_7_days_min" class="form-label fw-semibold">1–7 dní do akce</label>
        <div class="input-group input-group-sm" style="max-width: 18rem;">
          <input type="number" class="form-control" id="notify_delay_1_7_days_min"
                 name="notify_delay_1_7_days_min" min="1" max="20160" step="1" required
                 value="{{ settings.notify_delay_1_7_days_min }}">
          <span class="input-group-text">min</span>
          <span class="input-group-text text-muted">≈ {{ minutes_to_human(settings.notify_delay_1_7_days_min) }}</span>
        </div>
      </div>

      <div class="mb-3">
        <label for="notify_delay_1_4_weeks_min" class="form-label fw-semibold">1–4 týdny do akce</label>
        <div class="input-group input-group-sm" style="max-width: 18rem;">
          <input type="number" class="form-control" id="notify_delay_1_4_weeks_min"
                 name="notify_delay_1_4_weeks_min" min="1" max="20160" step="1" required
                 value="{{ settings.notify_delay_1_4_weeks_min }}">
          <span class="input-group-text">min</span>
          <span class="input-group-text text-muted">≈ {{ minutes_to_human(settings.notify_delay_1_4_weeks_min) }}</span>
        </div>
      </div>

      <div class="mb-3">
        <label for="notify_delay_over_month_min" class="form-label fw-semibold">Více než měsíc do akce</label>
        <div class="input-group input-group-sm" style="max-width: 18rem;">
          <input type="number" class="form-control" id="notify_delay_over_month_min"
                 name="notify_delay_over_month_min" min="1" max="20160" step="1" required
                 value="{{ settings.notify_delay_over_month_min }}">
          <span class="input-group-text">min</span>
          <span class="input-group-text text-muted">≈ {{ minutes_to_human(settings.notify_delay_over_month_min) }}</span>
        </div>
      </div>

      <div class="form-text">
        Delší odklad seskupí více změn do jednoho e-mailu, ale zpozdí doručení.
        Doporučené hodnoty: 5 / 60 / 360 / 1440 minut.
      </div>
    </div>
    <div class="card-footer d-flex gap-2">
      <button type="submit" class="btn btn-primary btn-sm">Uložit zpoždění</button>
    </div>
  </form>
</div>

{# ── Toggle controls ────────────────────────────────────────────────────────── #}
<form method="POST" novalidate>
  <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">

  <div class="card mb-4">
    <div class="card-header fw-semibold">Nastavení (zapnout / vypnout)</div>
    <div class="card-body">

      {# ── Test notification controls (shared for all test buttons) ─── #}
      <div class="row g-2 align-items-end mb-4 pb-3 border-bottom">
        <div class="col-12 col-md-5">
          <label for="test_email" class="form-label small fw-semibold">Zkušební e-mailová adresa</label>
          <input type="email" class="form-control form-control-sm" id="test_email" name="test_email"
                 placeholder="vas@email.cz">
        </div>
        <div class="col-12 col-md-5">
          <label for="test_event_id" class="form-label small fw-semibold">Akce (pro zkušební oznámení)</label>
          <select class="form-select form-select-sm" id="test_event_id" name="test_event_id">
            {% for ev in recent_events %}
            <option value="{{ ev.id }}">{{ ev.name }} ({{ ev.start_datetime.strftime('%d.%m.%Y') }})</option>
            {% else %}
            <option disabled>— žádné akce —</option>
            {% endfor %}
          </select>
        </div>
        <div class="col-12 col-md-2 text-muted small pt-2">
          Vyberte adresu a akci, pak klikněte na tlačítko u konkrétního oznámení níže.
        </div>
        <div class="col-12 pt-1">
          <div class="form-check">
            <input class="form-check-input" type="checkbox" id="test_send_immediately"
                   name="send_immediately" value="1">
            <label class="form-check-label small" for="test_send_immediately">
              Odeslat okamžitě (přeskočit zpoždění)
            </label>
            <div class="form-text small">
              Zaškrtněte pro náhled šablony bez čekání. Při vypnutém režimu
              se oznámení zařadí do fronty stejně jako skutečné oznámení
              a použije nakonfigurované zpoždění.
            </div>
          </div>
        </div>
      </div>

      <div class="row g-3">
        {% for group in toggle_groups %}
        <div class="col-12 col-md-6">
          <div class="border rounded p-3 h-100">
            <div class="form-check form-switch mb-2">
              <input class="form-check-input" type="checkbox"
                     id="toggle_{{ group.settings_field }}"
                     name="{{ group.settings_field }}"
                     {% if settings | attr(group.settings_field) %}checked{% endif %}>
              <label class="form-check-label fw-semibold" for="toggle_{{ group.settings_field }}">
                {{ group.settings_field | replace("notify_", "") | replace("_", " ") | title }}
              </label>
            </div>
            <ul class="mb-2 small text-muted ps-3">
              {% for entry in group.entries %}
              <li class="d-flex justify-content-between align-items-center gap-2">
                <span>{{ entry.name_cs }}</span>
                <button type="submit" form="test_form_{{ entry.code }}" class="btn btn-outline-secondary btn-sm py-0 px-2 flex-shrink-0 notif-test-btn">Zkušební</button>
              </li>
              {% endfor %}
            </ul>
          </div>
        </div>
        {% endfor %}
      </div>
    </div>
    <div class="card-footer d-flex gap-2">
      <button type="submit" class="btn btn-primary btn-sm">Uložit nastavení</button>
      <a href="{{ url_for('admin.index') }}" class="btn btn-outline-secondary btn-sm">Zrušit</a>
    </div>
  </div>
</form>

{# Hidden forms for each test notification (outside the toggle form to avoid nesting) #}
{% for group in toggle_groups %}
  {% for entry in group.entries %}
  <form id="test_form_{{ entry.code }}" method="POST"
        action="{{ url_for('notifications.test_notification', code=entry.code) }}" style="display:none">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
    <input type="hidden" id="test_email_{{ entry.code }}" name="test_email">
    <input type="hidden" id="test_event_id_{{ entry.code }}" name="test_event_id">
    <input type="hidden" id="test_send_immediately_{{ entry.code }}" name="send_immediately" value="0">
  </form>
  {% endfor %}
{% endfor %}

{# ── Full catalog (read-only) ────────────────────────────────────────────────── #}
<div class="card">
  <div class="card-header fw-semibold">Úplný katalog typů oznámení</div>
  <div class="table-responsive">
    <table class="table table-hover align-middle mb-0 small">
      <thead class="table-light">
        <tr>
          <th class="notif-col-name">Název / kód</th>
          <th class="notif-col-desc">Popis</th>
          <th class="notif-col-trigger">Spouštěč</th>
          <th class="notif-col-rcpt">Příjemci</th>
          <th class="notif-col-tpl">Šablona</th>
          <th class="text-center notif-col-status">Stav</th>
        </tr>
      </thead>
      <tbody>
        {% for entry in catalog %}
        <tr>
          <td>
            <span class="fw-semibold">{{ entry.name_cs }}</span><br>
            <span class="font-monospace text-muted notif-code">{{ entry.code }}</span>
          </td>
          <td>{{ entry.description_cs }}</td>
          <td>{{ entry.trigger_cs }}</td>
          <td>{{ entry.recipient_cs }}</td>
          <td>
            {% for tpl in entry.templates %}
            <div class="text-muted notif-template">{{ tpl }}</div>
            {% endfor %}
          </td>
          <td class="text-center">
            {% if entry.always_on %}
              <span class="badge bg-secondary">Vždy</span>
            {% elif settings | attr(entry.settings_field) %}
              <span class="badge bg-success">Zapnuto</span>
            {% else %}
              <span class="badge bg-danger">Vypnuto</span>
            {% endif %}
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>
{% endblock %}

{% block extra_scripts %}
<script src="{{ url_for('static', filename='js/admin-notifications.js') }}?v={{ static_ver }}" nonce="{{ g.csp_nonce }}"></script>
{% endblock %}