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

{% block panel_title %}Nieznalezione adresy{% endblock %}
{% block heading %}Nieznalezione adresy{% endblock %}
{% block subheading %}<p class="text-sm text-slate-500 dark:text-slate-400">Adresy, pod którymi odwiedzający niczego nie znaleźli. Powtarzający się wpis to zwykle strona, która powinna dostać przekierowanie.</p>{% endblock %}

{% block actions %}
  <a class="btn-ghost" href="{% url 'panel:redirects:index' %}">Przekierowania</a>
  <a class="btn-ghost" href="{% url 'panel:redirects:settings' %}">Ustawienia</a>
  {% if total %}
    <form method="post" action="{% url 'panel:redirects:notfound_clear' %}"
          data-confirm="Usunąć wszystkie wpisy z listy nieznalezionych adresów?">
      {% csrf_token %}
      <button class="btn-danger" type="submit">Wyczyść listę</button>
    </form>
  {% endif %}
{% endblock %}

{% block content %}

{% if settings_object and not settings_object.log_not_found %}
  <p class="border border-amber-200 bg-amber-50 px-4 py-3 text-sm text-amber-900 dark:border-amber-900 dark:bg-amber-950 dark:text-amber-100">
    Zbieranie nieznalezionych adresów jest wyłączone - lista przestała rosnąć.
    <a class="underline" href="{% url 'panel:redirects:settings' %}">Włącz je</a>.
  </p>
{% endif %}

<section class="grid grid-cols-3 gap-4">
  <div class="card"><div class="card-body"><p class="text-xs uppercase text-slate-400">Adresy razem</p><p class="text-2xl font-semibold">{{ total }}</p></div></div>
  <div class="card"><div class="card-body"><p class="text-xs uppercase text-slate-400">Do zajęcia się</p><p class="text-2xl font-semibold">{{ open_hits }}</p></div></div>
  <div class="card"><div class="card-body"><p class="text-xs uppercase text-slate-400">W ostatnich 7 dniach</p><p class="text-2xl font-semibold">{{ last_week }}</p></div></div>
</section>

<form method="get" class="flex flex-wrap items-end gap-2">
  <div class="w-72">{{ filters.q }}</div>
  <div class="w-56">{{ filters.state }}</div>
  <button class="btn-ghost" type="submit">Filtruj</button>
  <a class="btn-ghost" href="{% url 'panel:redirects:notfound' %}">Wyczyść filtry</a>
</form>

<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">Adres</th>
          <th class="th">Wejść</th>
          <th class="th">Ostatnio</th>
          <th class="th">Skąd przyszedł</th>
          <th class="th text-right">Akcje</th>
        </tr>
      </thead>
      <tbody class="divide-y divide-slate-100 dark:divide-slate-800">
        {% for hit in page_obj %}
          <tr class="hover:bg-slate-50 dark:hover:bg-slate-800/50">
            <td class="td">
              <span class="block break-all font-medium">{{ hit.path }}</span>
              {% if hit.path in covered %}
                <span class="badge mt-1 bg-brand-100 text-brand-800 dark:bg-brand-950 dark:text-brand-200">ma już przekierowanie</span>
              {% elif hit.is_ignored %}
                <span class="badge mt-1 bg-slate-100 text-slate-700 dark:bg-slate-800 dark:text-slate-200">odłożony</span>
              {% endif %}
            </td>
            <td class="td">{{ hit.count }}</td>
            <td class="td whitespace-nowrap text-xs text-slate-500">
              {{ hit.last_seen|date:"SHORT_DATETIME_FORMAT" }}
              {% if hit.ip %}<span class="mt-1 block text-slate-400">{{ hit.ip }}</span>{% endif %}
            </td>
            <td class="td break-all text-xs text-slate-500">{{ hit.referer|default:"wpisany recznie lub z zakladki" }}</td>
            <td class="td">
              <div class="flex items-center justify-end gap-2">
                {% if hit.path not in covered %}
                  <a class="btn-ghost !px-3 !py-1" href="{% url 'panel:redirects:create' %}?zrodlo={{ hit.path|urlencode }}">Przekieruj</a>
                {% endif %}
                <form method="post" action="{% url 'panel:redirects:notfound_ignore' hit.pk %}">
                  {% csrf_token %}
                  <button class="btn-ghost !px-3 !py-1" type="submit">{% if hit.is_ignored %}Przywróć{% else %}Odłóż{% endif %}</button>
                </form>
                <form method="post" action="{% url 'panel:redirects:notfound_delete' hit.pk %}">
                  {% csrf_token %}
                  <button class="btn-danger !px-3 !py-1" type="submit">Usuń</button>
                </form>
              </div>
            </td>
          </tr>
        {% empty %}
          {% url 'panel:redirects:index' as create_url %}
          {% include 'panel/partials/empty.html' with colspan=5 url=create_url action="Przejdź do przekierowań" title="Nikt jeszcze nie trafił pod nieznany adres." hint="To dobra wiadomość. Kiedy ktoś tu trafi - po zmianie adresu strony albo z cudzego odnośnika - zrobisz stąd przekierowanie jednym klikiem." %}
        {% 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 %}