{% extends 'base.html' %}
{% block title %}Legal Policies — Admin{% endblock %}
{% block content %}
<section class="content-section">
    <div class="content-inner" style="max-width: 800px;">
        <div class="admin-header-row">
            <div>
                <span class="section-kicker">Admin Portal</span>
                <h1>Legal Policies</h1>
            </div>
            <a href="{% url 'accounts:admin_portal' %}" class="btn-small">&larr; Back to portal</a>
        </div>
        <p style="color: var(--muted); margin-bottom: 20px;">
            Editing a policy's title or content bumps its version automatically — every user who already accepted
            an older version will be asked to review and re-accept it the next time they visit the site.
        </p>

        {% for policy in policies %}
        <div class="contact-form-wrap" style="max-width: 700px; margin-bottom: 24px;">
            <h3 style="margin-bottom: 4px;">{{ policy.title }}</h3>
            <p style="font-size: 0.8rem; color: var(--muted); margin-bottom: 10px;">
                Version {{ policy.version }} — last updated {{ policy.updated_at|slice:":10" }}
            </p>
            <form method="post" action="{% url 'accounts:admin_edit_legal_policy' policy.policy_type %}" class="contact-form">
                {% csrf_token %}
                <label for="title-{{ policy.policy_type }}">Title (English)</label>
                <input type="text" id="title-{{ policy.policy_type }}" name="title" value="{{ policy.title }}" required>

                <label for="content-{{ policy.policy_type }}">Content (English)</label>
                <textarea id="content-{{ policy.policy_type }}" name="content" rows="14" required>{{ policy.content }}</textarea>

                <label for="title_sw-{{ policy.policy_type }}" style="margin-top: 14px;">Title (Swahili)</label>
                <input type="text" id="title_sw-{{ policy.policy_type }}" name="title_sw" value="{{ policy.title_sw }}" placeholder="e.g. Masharti na Vigezo">

                <label for="content_sw-{{ policy.policy_type }}">Content (Swahili)</label>
                <p style="color: var(--muted); font-size: 0.8rem; margin: -4px 0 6px;">
                    Leave blank to show the English version to Swahili-speaking users until translated.
                </p>
                <textarea id="content_sw-{{ policy.policy_type }}" name="content_sw" rows="14">{{ policy.content_sw }}</textarea>

                <button type="submit" class="btn-cta">Save (bumps version)</button>
            </form>
        </div>
        {% endfor %}
    </div>
</section>
{% endblock %}