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

{% block panel_title %}Dokumenty prawne{% endblock %}
{% block heading %}Dokumenty prawne{% endblock %}
{% block subheading %}<p class="text-sm text-slate-500 dark:text-slate-400">Polityki, regulaminy i klauzule składane z danych firmy. Wygenerowany dokument staje się zwykłą stroną serwisu.</p>{% endblock %}
{% block actions %}
  <form method="post" action="{% url 'panel:legal:generate_all' %}"
        data-confirm="Wygenerować wszystkie dokumenty? Istniejące dostaną świeża treść.">
    {% csrf_token %}
    <button class="btn-primary" type="submit">Generuj wszystkie</button>
  </form>
{% endblock %}

{% block content %}
<section class="card p-4 text-sm">
  <p class="text-slate-600 dark:text-slate-300">
    Treść powstaje z danych firmy (<strong>{{ company }}</strong>), kontaktu w sprawie danych
    z zakładki Baner cookie i RODO oraz listy włączonych usług z zakładki Zgody i usługi.
    Każdy wygenerowany dokument trafia do kolumny stopki <strong>{{ footer_column }}</strong>,
    więc od razu widać go na stronie. Adresy polityki prywatności i polityki cookies wpisują
    się same do banera zgod, jeśli były tam puste.
  </p>
  {% if not company_ready %}
    <p class="mt-3 rounded-lg bg-amber-50 px-3 py-2 text-amber-800 dark:bg-amber-950 dark:text-amber-200">
      Uzupełnij najpierw <a class="underline" href="{% url 'panel:settings:dane-firmy' %}">Dane firmy</a>
      - adres i e-mail wchodzą do każdego dokumentu. Bez nich w treści zostaną zaznaczone luki.
    </p>
  {% endif %}
  <p class="mt-3 text-slate-500 dark:text-slate-400">
    To wzorce, a nie porada prawna - przed publikacją przeczytaj tekst i dopasuj go do tego,
    co serwis naprawdę robi.
  </p>
</section>

<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">Dokument</th>
          <th class="th">Stan</th>
          <th class="th">W stopce</th>
          <th class="th text-right">Akcje</th>
        </tr>
      </thead>
      <tbody class="divide-y divide-slate-100 dark:divide-slate-800">
        {% for row in rows %}
          <tr class="hover:bg-slate-50 dark:hover:bg-slate-800/50">
            <td class="td">
              <span class="block font-medium">{{ row.doc.title }}</span>
              <span class="text-xs text-slate-400">/{{ row.page.slug|default:row.doc.slug }}/</span>
              <span class="mt-1 block max-w-md text-xs text-slate-500 dark:text-slate-400">{{ row.doc.excerpt }}</span>
            </td>
            <td class="td">
              {% if not row.page %}
                <span class="badge bg-slate-100 text-slate-700 dark:bg-slate-800 dark:text-slate-200">brak</span>
              {% elif not row.page.is_active %}
                <span class="badge bg-amber-100 text-amber-800 dark:bg-amber-950 dark:text-amber-200">nieaktywna</span>
              {% else %}
                <span class="badge bg-brand-100 text-brand-800 dark:bg-brand-950 dark:text-brand-200">na stronie</span>
              {% endif %}
              {% if row.page %}
                <span class="mt-1 block text-xs text-slate-400">zapisano {{ row.page.updated_at|date:"d.m.Y H:i" }}</span>
              {% endif %}
            </td>
            <td class="td">{{ row.page.footer_category.title|default:"-" }}</td>
            <td class="td">
              <div class="flex justify-end gap-2">
                {% if row.page %}
                  <a class="btn-ghost !px-3 !py-1 text-xs" href="{{ row.page.get_absolute_url }}" target="_blank" rel="noopener">Podgląd</a>
                  <a class="btn-ghost !px-3 !py-1 text-xs" href="{% url 'panel:pages:page_edit' row.page.pk %}">Edytuj</a>
                {% endif %}
                <form method="post" action="{% url 'panel:legal:generate' %}"
                      {% if row.page %}data-confirm="Nadpisać treść strony {{ row.page.title }} świeżym wzorcem?"{% endif %}>
                  {% csrf_token %}
                  <input type="hidden" name="key" value="{{ row.doc.key }}">
                  <button class="{% if row.page %}btn-ghost{% else %}btn-primary{% endif %} !px-3 !py-1 text-xs" type="submit">
                    {% if row.page %}Odśwież treść{% else %}Generuj{% endif %}
                  </button>
                </form>
              </div>
            </td>
          </tr>
        {% empty %}
          <tr><td class="td py-10 text-center text-slate-500" colspan="4">Brak wzorców dokumentów.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</section>
{% endblock %}