{% extends "base.html" %}
{% from 'macros/help.html' import help_icon %}
{% from 'macros/badges.html' import badge_secondary, badge_warning %}
{% block title %}Pozvánky — MedCover{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-3">
  <h2>Pozvánky k registraci</h2>
  <a href="{{ url_for('users.index') }}" class="btn btn-sm btn-outline-secondary">← Uživatelé</a>
</div>

<div class="card mb-4">
  <div class="card-header fw-semibold">Nová pozvánka</div>
  <div class="card-body">
    <form method="POST" action="{{ url_for('users.create_invite') }}" class="row g-3" novalidate>
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
      <div class="col-12 col-md-6">
        <label for="email" class="form-label">E-mail pozvaného
          {{ help_icon("Zadejte e-mailovou adresu osoby, které chcete vytvořit účet. Na tuto adresu bude odeslán registrační odkaz.") }}
        </label>
        <input type="email" class="form-control" id="email" name="email" required placeholder="jan.novak@example.com">
      </div>
      <div class="col-12 col-md-6">
        <label for="custom_subject" class="form-label">Předmět e-mailu <span class="text-muted fw-normal">(volitelné)</span>
          {{ help_icon("Předmět odeslaného e-mailu. Pokud necháte prázdné, použije se výchozí: 'MedCover — pozvánka k registraci'.") }}
        </label>
        <input type="text" class="form-control" id="custom_subject" name="custom_subject"
               value="{{ last_invite.custom_subject if last_invite and last_invite.custom_subject else '' }}"
               placeholder="MedCover — pozvánka k registraci">
        <div class="form-text">Výchozí předmět je z poslední odeslané pozvánky.</div>
      </div>
      <div class="col-12">
        <label for="custom_message" class="form-label">Text e-mailu <span class="text-muted fw-normal">(volitelné)</span>
          {{ help_icon("Napište celý text e-mailu včetně pozdravu a podpisu. Registrační odkaz bude připojen automaticky na konec. Pokud necháte prázdné, použije se výchozí text.") }}
        </label>
        <textarea class="form-control font-monospace" id="custom_message" name="custom_message" rows="7"
                  placeholder="Dobrý den,&#10;&#10;zveme Vás do systému MedCover pro plánování zdravotního zabezpečení.&#10;&#10;S pozdravem,&#10;Tým MedCover">{{ last_invite.custom_message if last_invite and last_invite.custom_message else '' }}</textarea>
        <div class="form-text">
          Napište celý text e-mailu včetně pozdravu a podpisu.
          Na konec bude automaticky připojen pouze registrační odkaz.
          Výchozí text je z poslední odeslané pozvánky.
        </div>
      </div>
      <div class="col-12 d-flex align-items-end">
        <button type="submit" class="btn btn-danger">Odeslat pozvánku</button>
      </div>
    </form>
  </div>
</div>

<div class="table-responsive">
  <table class="table table-hover align-middle">
    <thead class="table-light">
      <tr>
        <th>E-mail</th>
        <th>Vytvořena</th>
        <th>Vyprší</th>
        <th>Vytvořil/a</th>
        <th>E-mail</th>
        <th>Odkaz</th>
        <th>Registrace</th>
        <th></th>
      </tr>
    </thead>
    <tbody>
      {% for inv in invites %}
      <tr>
        <td>{{ inv.email }}</td>
        <td class="text-nowrap">{{ inv.created_at | localdt }}</td>
        <td class="text-nowrap">{{ inv.expires_at | localdt if inv.expires_at else '—' }}</td>
        <td>{{ inv.created_by.name if inv.created_by else '—' }}</td>

        {# ── Email delivery status ── #}
        <td>
          {% if inv.outbox_email is none %}
            {{ badge_secondary('Nezařazeno') }}
          {% elif inv.outbox_email.status == 'sent' %}
            <span class="badge bg-success" title="{{ inv.outbox_email.sent_at | localdt if inv.outbox_email.sent_at else '' }}">Odesláno</span>
          {% elif inv.outbox_email.status == 'failed' %}
            <span class="badge bg-danger">Chyba</span>
            {% if inv.outbox_email.last_error %}
            <br><small class="text-danger font-70" title="{{ inv.outbox_email.last_error }}">
              {{ inv.outbox_email.last_error | truncate(80) }}
            </small>
            {% endif %}
          {% else %}
            {{ badge_warning('Ve frontě') }}
          {% endif %}
        </td>

        {# ── Link clicked + copy URL ── #}
        <td>
          {% if not inv.is_cancelled and not inv.is_used %}
            {% set reg_url = url_for('auth.register', token=inv.token, _external=True) %}
            <button type="button"
                    class="btn btn-sm btn-outline-secondary copy-invite-btn"
                    data-invite-url="{{ reg_url }}"
                    data-bs-toggle="tooltip"
                    title="{{ reg_url }}"
                    >📋 Odkaz</button>
            {% if inv.link_clicked_at %}
            <br><span class="badge bg-success mt-1" title="{{ inv.link_clicked_at | localdt }}">Otevřen</span>
            {% endif %}
          {% elif inv.link_clicked_at %}
            <span class="badge bg-success" title="{{ inv.link_clicked_at | localdt }}">Otevřen</span>
          {% else %}
            <span class="text-muted">—</span>
          {% endif %}
        </td>

        {# ── Registration status ── #}
        <td>
          {% if inv.is_used %}
            <span class="badge bg-success" title="{{ inv.used_at | localdt }}">Dokončena</span>
          {% elif inv.is_cancelled %}
            <span class="badge bg-dark" title="{{ inv.cancelled_at | localdt }}">Zrušena</span>
          {% elif inv.is_expired %}
            <span class="badge bg-danger">Expirovaná</span>
          {% else %}
            <span class="badge bg-success">Čeká</span>
          {% endif %}
        </td>

        {# ── Actions ── #}
        <td class="text-nowrap">
          {% if not inv.is_used and not inv.is_cancelled and (inv.outbox_email is none or inv.outbox_email.status == 'failed') %}
          <form method="POST" action="{{ url_for('users.resend_invite', invite_id=inv.id) }}" class="d-inline">
            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
            <button type="submit" class="btn btn-sm btn-outline-warning">Znovu odeslat</button>
          </form>
          {% endif %}
          {% if not inv.is_used and not inv.is_cancelled %}
          <form method="POST" action="{{ url_for('users.cancel_invite', invite_id=inv.id) }}" class="d-inline"
                data-confirm="Opravdu chcete zrušit tuto pozvánku?">
            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
            <button type="submit" class="btn btn-sm btn-outline-danger">Zrušit</button>
          </form>
          {% endif %}
        </td>
      </tr>
      {% else %}
      <tr><td colspan="8" class="text-muted text-center">Žádné pozvánky.</td></tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}

{% block extra_scripts %}
<script src="{{ url_for('static', filename='js/invites.js') }}?v={{ static_ver }}"></script>
{% endblock %}