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

{% block panel_title %}Zgłoszenia z formularzy{% endblock %}
{% block heading %}Zgłoszenia{% endblock %}
{% block subheading %}<p class="text-sm text-slate-500 dark:text-slate-400">Co przyszło z formularzy złożonych w panelu. Razem: {{ total }}.</p>{% endblock %}
{% block actions %}
  <div class="flex flex-wrap gap-2">
    {% if chosen %}<a class="btn-ghost" href="{% url 'panel:form_submissions:export' %}?formularz={{ chosen }}">Pobierz CSV</a>{% endif %}
    <a class="btn-ghost" href="{% url 'panel:formbuilder:index' %}">Formularze</a>
  </div>
{% endblock %}

{% block content %}
{% if settings and not settings.store_submissions %}
  <div class="card">
    <div class="card-body text-sm text-slate-600 dark:text-slate-300">
      Przechowywanie zgłoszeń w panelu jest wyłączone - nowe zgłoszenia idą tylko
      na pocztę i do skrzynki wiadomości. Włącza się je w
      <a class="underline" href="{% url 'panel:form_settings:index' %}">ustawieniach formularzy</a>.
    </div>
  </div>
{% endif %}

<form method="get" class="flex flex-wrap gap-2">
  <select class="input max-w-[18rem]" name="formularz">
    <option value="">Wszystkie formularze</option>
    {% for item in forms %}
      <option value="{{ item.pk }}" {% if chosen == item.pk|stringformat:"s" %}selected{% endif %}>{{ item.name }} ({{ item.total }})</option>
    {% endfor %}
  </select>
  <input class="input max-w-xs" type="search" name="q" value="{{ query }}" placeholder="Szukaj w odpowiedziach">
  <button class="btn-ghost" type="submit">Filtruj</button>
  {% if query or chosen %}<a class="btn-ghost" href="{% url 'panel:form_submissions:index' %}">Wyczyść</a>{% endif %}
</form>

{% comment %}Jeden formularz na cała tabelę - kasowanie zbiorcze idzie do
   widoku bulk, a przycisk wiersza podmienia adres atrybutem
   formaction (formularza w formularzu być nie może).{% endcomment %}
<form method="post" action="{% url 'panel:form_submissions:bulk' %}" data-bulk data-no-guard class="space-y-4">
  {% csrf_token %}
  <input type="hidden" name="next" value="{{ request.get_full_path }}">

  <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-10">{% include 'panel/partials/check-all.html' %}</th>
              <th class="th">Kiedy</th>
            <th class="th">Formularz</th>
            <th class="th">Początek zgłoszenia</th>
            <th class="th">W skrzynce</th>
            <th class="th text-right">Akcje</th>
          </tr>
        </thead>
        <tbody class="divide-y divide-slate-100 dark:divide-slate-800">
          {% for entry in page_obj %}
            <tr class="hover:bg-slate-50 dark:hover:bg-slate-800/50">
              <td class="td">{% include 'panel/partials/check.html' with value=entry.pk label=entry.summary %}</td>
              <td class="td whitespace-nowrap font-medium">{{ entry.created_at|date:"d.m.Y H:i" }}</td>
              <td class="td">{{ entry.form.name }}</td>
              <td class="td text-sm text-slate-600 dark:text-slate-300">{{ entry.summary }}</td>
              <td class="td">
                {% if entry.message %}
                  <a class="underline" href="{{ entry.message.get_absolute_url }}">otwórz wiadomość</a>
                {% else %}
                  <span class="text-slate-400">-</span>
                {% endif %}
              </td>
              <td class="td">
                <div class="flex justify-end gap-2">
                  <a class="btn-ghost !px-3 !py-1 text-xs" href="{% url 'panel:form_submissions:entry' entry.pk %}">Zobacz</a>
                  <button class="btn-danger !px-3 !py-1 text-xs" type="submit"
                          formaction="{% url 'panel:form_submissions:delete' entry.pk %}"
                          data-confirm="Usunąć to zgłoszenie?">Usuń</button>
                </div>
              </td>
            </tr>
          {% empty %}
            {% url 'panel:forms:index' as create_url %}
            {% include 'panel/partials/empty.html' with colspan=6 url=create_url action="Przejdź do formularzy" title="Nie ma jeszcze żadnego zgłoszenia." hint="Zgłoszenia pojawiają się tutaj same, kiedy ktoś wyśle formularz ze strony. Sprawdź, czy formularz jest otwarty i czy odnośnik do niego stoi gdzieś w serwisie." %}
          {% endfor %}
        </tbody>
      </table>
    </div>

    {% include 'panel/partials/pagination.html' %}
  </section>

  {% if page_obj %}
    <section class="card">
      <div class="card-body flex flex-wrap items-center gap-2">
        <span class="mr-2 text-sm text-slate-500 dark:text-slate-400" data-bulk-count>Zaznacz wiersze, żeby wykonać akcje na kilku naraz.</span>
        <button class="btn-danger" type="submit" name="action" value="delete" data-bulk-action disabled
                data-confirm="Usunąć zaznaczone zgłoszenia? Kopia w skrzynce wiadomości zostaje.">Usuń zaznaczone</button>
      </div>
    </section>
  {% endif %}
</form>
{% endblock %}