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

{% block panel_title %}Wiadomości newslettera{% endblock %}
{% block heading %}Wiadomości{% endblock %}
{% block subheading %}
  <p class="text-sm text-slate-500 dark:text-slate-400">
    Treści do wysłania do subskrybentów. Aktywnych adresatów: {{ counts.active }}.
  </p>
{% endblock %}
{% block actions %}<a class="btn-primary" href="{% url 'panel:newsletter_mailings:create' %}">Nowa wiadomość</a>{% 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">Temat</th>
          <th class="th">Status</th>
          <th class="th">Adresatów</th>
          <th class="th">Wysłano</th>
          <th class="th text-right">Akcje</th>
        </tr>
      </thead>
      <tbody class="divide-y divide-slate-100 dark:divide-slate-800">
        {% for item in page_obj %}
          <tr class="hover:bg-slate-50 dark:hover:bg-slate-800/50">
            <td class="td">
              <a class="font-medium hover:text-brand-600" href="{% url 'panel:newsletter_mailings:edit' item.pk %}">{{ item.subject }}</a>
              <span class="block text-xs text-slate-400">{{ item.body|truncatechars:90 }}</span>
            </td>
            <td class="td"><span class="badge {{ item.badge_class }}">{{ item.get_status_display|lower }}</span></td>
            <td class="td">{% if item.sent_count %}{{ item.sent_count }}{% if not item.is_sent %} <span class="text-xs text-slate-400">(do ponowienia)</span>{% endif %}{% else %}-{% endif %}</td>
            <td class="td whitespace-nowrap">{{ item.sent_at|date:"SHORT_DATETIME_FORMAT"|default:"-" }}</td>
            <td class="td">
              <div class="flex justify-end gap-2">
                <a class="btn-ghost !px-3 !py-1 text-xs" href="{% url 'panel:newsletter_mailings:edit' item.pk %}">
                  {% if item.is_locked %}Podgląd{% else %}Edytuj{% endif %}
                </a>
                {% if not item.is_sending %}
                  <form method="post" action="{% url 'panel:newsletter_mailings:delete' item.pk %}"
                        data-confirm="Usunąć wiadomość {{ item.subject }}?">
                    {% csrf_token %}
                    <button class="btn-danger !px-3 !py-1 text-xs" type="submit">Usuń</button>
                  </form>
                {% endif %}
              </div>
            </td>
          </tr>
        {% empty %}
          {% url 'panel:newsletter_mailings:create' as create_url %}
          {% include 'panel/partials/empty.html' with colspan=5 url=create_url action="Nowa wiadomość" title="Nie ma jeszcze żadnej wiadomości." hint="Wiadomość pisze się tutaj, wysyła najpierw próbnie na własny adres, a potem do całej listy zapisanych." %}
        {% endfor %}
      </tbody>
    </table>
  </div>

  {% if page_obj.paginator.num_pages > 1 %}
    <nav class="flex items-center justify-between gap-4 border-t border-slate-200 px-4 py-3 text-sm dark:border-slate-800">
      <span class="text-slate-500 dark:text-slate-400">Strona {{ page_obj.number }} z {{ page_obj.paginator.num_pages }}</span>
      <div class="flex gap-2">
        {% if page_obj.has_previous %}<a class="btn-ghost !px-3 !py-1" href="?page={{ page_obj.previous_page_number }}">Poprzednia</a>{% endif %}
        {% if page_obj.has_next %}<a class="btn-ghost !px-3 !py-1" href="?page={{ page_obj.next_page_number }}">Następna</a>{% endif %}
      </div>
    </nav>
  {% endif %}
</section>
{% endblock %}