{% extends 'dashboard/base.html' %}
{% block title %}Legal Pages{% endblock %}
{% block content %}
<div class="sp-topbar">
  <div>
    <h1>Legal Pages</h1>
    <p class="sp-muted">Terms &amp; Conditions, Privacy Policy, and any other legal documents. These are separate from your normal Pages and always show in the site footer.</p>
  </div>
  <a href="{% url 'dashboard_legal_page_new' %}" class="sp-btn sp-btn-primary"><i class="fa-solid fa-plus"></i> New Legal Page</a>
</div>

<div class="sp-card">
  <table class="sp-table">
    <thead><tr><th>Title</th><th>Type</th><th>URL</th><th>In footer</th><th>Status</th><th></th></tr></thead>
    <tbody>
      {% for legal_page in legal_pages %}
      <tr>
        <td><a href="{% url 'dashboard_legal_page_edit' legal_page.id %}"><strong>{{ legal_page.title }}</strong></a></td>
        <td class="sp-muted">{{ legal_page.get_page_type_display }}</td>
        <td class="sp-muted"><code>/legal/{{ legal_page.slug }}/</code></td>
        <td>{% if legal_page.show_in_footer %}<span class="sp-pill sp-pill-green">Shown</span>{% else %}<span class="sp-pill sp-pill-gray">Hidden</span>{% endif %}</td>
        <td>{% if legal_page.is_active %}<span class="sp-pill sp-pill-green">Active</span>{% else %}<span class="sp-pill sp-pill-gray">Inactive</span>{% endif %}</td>
        <td>
          <a href="{% url 'dashboard_legal_page_edit' legal_page.id %}" class="sp-btn sp-btn-sm">Edit</a>
          <form method="post" action="{% url 'dashboard_legal_page_delete' legal_page.id %}" style="display:inline;" data-sp-confirm="This cannot be undone." data-sp-confirm-title="Delete this legal page?">
            {% csrf_token %}
            <button class="sp-btn sp-btn-sm sp-btn-danger" type="submit">Delete</button>
          </form>
        </td>
      </tr>
      {% empty %}
      <tr><td colspan="6" class="sp-empty">No legal pages yet — add a Terms &amp; Conditions or Privacy Policy page to get started.</td></tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}