{% extends 'superuser/base_superuser.html' %}

{% block title %}Privacy Policy | ChatLab{% endblock %}
{% block privacy_policy_active %}active{% endblock %}

{% block workspace %}
<div class="page-header">
    <div>
        <h2 class="page-title">Global Privacy Policy</h2>
        <p class="page-subtitle">Configure the platform's public privacy policy page content.</p>
    </div>
    <a href="{% url 'privacy_policy' %}" target="_blank" class="btn btn-secondary">
        View Public Privacy Page &nearr;
    </a>
</div>

<div class="glass-card" style="padding: 2.5rem; margin-top: 1rem;">
    <form method="post">
        {% csrf_token %}
        
        <div>
            <h3 style="font-family: var(--font-heading); font-size: 1.15rem; margin-top: 0; margin-bottom: 0.5rem; color: var(--primary);">
                Privacy Policy Content (HTML)
            </h3>
            
            <div class="form-group" style="margin-top: 1rem;">
                <textarea name="privacy_policy" class="form-input" style="min-height: 400px; font-family: monospace; font-size: 0.9rem; line-height: 1.5; resize: vertical; border-radius: 0;" placeholder="Enter privacy policy in HTML format...">{{ settings.privacy_policy|default:'' }}</textarea>
                <span style="font-size: 0.8rem; color: var(--text-muted); margin-top: 0.5rem; display: block;">
                    Write the policy using standard HTML tags. Leave empty to fall back to the platform's default Meta-compliant template.
                </span>
            </div>
        </div>

        <div class="form-actions" style="margin-top: 2rem;">
            <button class="btn btn-primary" type="submit">
                Save Privacy Policy
            </button>
            <a href="{% url 'superuser_dashboard' %}" class="btn btn-secondary">Cancel</a>
        </div>
    </form>
</div>
{% endblock %}