{# templates/dashboard/privacy_policy_list.html #}
{% extends "dashboard/base.html" %}
{% load i18n static %}

{% block title %}{% trans "Privacy policy" %}{% endblock %}

{% block content %}
<div class="d-flex align-items-center justify-content-between mb-3">
  <h1 class="h3 mb-0">{% trans "Privacy policy" %}</h1>
  <a href="{% url 'dashboard:privacy_policy_new' %}" class="btn btn-primary">
    {% trans "Add privacy policy" %}
  </a>
</div>

<p class="text-muted">
  {% trans "Manage the privacy policy content shown on the website." %}
</p>

{% if privacy_policies %}
  <div class="table-responsive">
    <table class="table table-hover align-middle">
      <thead class="table-light">
        <tr>
          <th>{% trans "Title" %}</th>
          <th>{% trans "Last updated" %}</th>
          <th class="text-end">{% trans "Actions" %}</th>
        </tr>
      </thead>
      <tbody>
        {% for policy in privacy_policies %}
          <tr>
            <td>
              <div class="fw-semibold">{{ policy.title|default:"" }}</div>
            </td>
            <td>
              <span class="text-muted small">{{ policy.last_updated|date:"M j, Y" }}</span>
            </td>
            <td class="text-end">
              <a href="{% url 'dashboard:privacy_policy_edit' %}"
                 class="btn btn-sm btn-outline-secondary">
                {% trans "Edit" %}
              </a>
              <a href="{% url 'dashboard:privacy_policy_delete' policy.pk %}"
                 class="btn btn-sm btn-outline-danger">
                {% trans "Delete" %}
              </a>
            </td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
{% else %}
  <div class="alert alert-info">
    {% trans "No privacy policy yet. Add one to get started." %}
  </div>
{% endif %}
{% endblock %}