{% extends 'panel/base.html' %}

{% block panel_title %}Zgłoszenie z {{ entry.created_at|date:'d.m.Y H:i' }}{% endblock %}
{% block heading %}Zgłoszenie z {{ entry.created_at|date:'d.m.Y H:i' }}{% endblock %}
{% block subheading %}<p class="text-sm text-slate-500 dark:text-slate-400">Formularz: {{ entry.form.name }}{% if entry.ip %} &middot; adres {{ entry.ip }}{% endif %}</p>{% endblock %}
{% block actions %}
  <div class="flex flex-wrap gap-2">
    {% if entry.message %}<a class="btn-ghost" href="{{ entry.message.get_absolute_url }}">Wiadomość w skrzynce</a>{% endif %}
    <a class="btn-ghost" href="{% url 'panel:formbuilder:edit' entry.form.pk %}">Edytuj formularz</a>
    <a class="btn-ghost" href="{% url 'panel:form_submissions:index' %}?formularz={{ entry.form.pk }}">Wróć do listy</a>
  </div>
{% endblock %}

{% block content %}
<section class="card overflow-hidden">
  <div class="overflow-x-auto">
    <table class="table">
      <thead class="bg-slate-50 dark:bg-slate-900/60">
        <tr>
          <th class="th w-1/3">Pytanie</th>
          <th class="th">Odpowiedź</th>
        </tr>
      </thead>
      <tbody class="divide-y divide-slate-100 dark:divide-slate-800">
        {% for row in entry.rows %}
          <tr>
            <td class="td align-top font-medium">{{ row.label }}</td>
            <td class="td align-top whitespace-pre-wrap break-words">{{ row.value|default:"-" }}</td>
          </tr>
        {% empty %}
          <tr><td class="td py-10 text-center text-slate-500" colspan="2">To zgłoszenie nie ma zapisanych odpowiedzi.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</section>

<div class="card">
  <div class="card-body flex flex-wrap items-center justify-between gap-3">
    <p class="help">
      Etykiety pochodzą z chwili wysłania - formularz mógł się od tego czasu zmienić,
      a zgłoszenie ma dalej mówić to, co mówiło.
    </p>
    <form method="post" action="{% url 'panel:form_submissions:delete' entry.pk %}"
          data-confirm="Usunąć to zgłoszenie?">
      {% csrf_token %}
      <button class="btn-danger" type="submit">Usuń zgłoszenie</button>
    </form>
  </div>
</div>
{% endblock %}