{% extends shell('app') %}

{% block title %}{{ _('Document settings') if page else _('Add document') }}{% endblock %}

{% block content %}
{% set heading = _('Document settings') if page else _('Add document') %}
<div class="d-flex flex-column align-items-start gap-2 mb-4">
    <h1 class="h3 mb-0">{{ heading }}</h1>
    {% if page %}
    <a href="{{ url_for('legal.admin_document', document_id=page.id) }}" class="btn btn-outline-secondary">← {{ _('Back to %(title)s', title=page.title) }}</a>
    {% else %}
    <a href="{{ url_for('legal.admin_index') }}" class="btn btn-outline-secondary">← {{ _('Back to legal pages') }}</a>
    {% endif %}
</div>

{% include "legal/admin/_flashes.html" %}

{% set title = data.title if 'title' in data else (page.title if page else '') %}
{% set slug = data.slug if 'slug' in data else (page.slug if page else '') %}
{% set kind = data.kind if 'kind' in data else (page.kind if page else 'other') %}
{% set required = data.acceptance_required if 'acceptance_required' in data else (page.acceptance_required if page else False) %}

<form method="POST" class="card">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
    <div class="card-body">
        <div class="row g-3">
            <div class="col-md-6">
                <label class="form-label" for="title">{{ _('Title') }} *</label>
                <input id="title" name="title" class="form-control" required value="{{ title }}">
                <p class="form-text">{{ _('The name in the panel and in the footer. Each version can give its own title per language.') }}</p>
            </div>
            <div class="col-md-6">
                <label class="form-label" for="slug">{{ _('Slug') }}</label>
                <input id="slug" name="slug" class="form-control" value="{{ slug }}" placeholder="{{ _('Derived from the title when left empty') }}">
            </div>
            <div class="col-md-6">
                <label class="form-label" for="kind">{{ _('Kind') }}</label>
                <select id="kind" name="kind" class="form-select">
                    {% for k in kinds %}
                    <option value="{{ k }}" {{ 'selected' if k == kind else '' }}>{{ legal_kind_labels.get(k, k) }}</option>
                    {% endfor %}
                </select>
                <p class="form-text">{{ _('The privacy notice lists the services the site sends data to, and the cookie policy the cookies it sets.') }}</p>
            </div>
            <div class="col-md-6 d-flex align-items-end">
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" name="acceptance_required" id="acceptance_required" {{ 'checked' if required else '' }}>
                    <label class="form-check-label" for="acceptance_required">{{ _('Asked at sign-up') }}</label>
                    <p class="form-text mb-0">{{ _('New accounts accept the version in force, and existing ones are asked before they go on.') }}</p>
                </div>
            </div>
        </div>
    </div>
    <div class="card-footer text-end">
        <a href="{{ url_for('legal.admin_document', document_id=page.id) if page else url_for('legal.admin_index') }}" class="btn btn-link text-muted">{{ _('Cancel') }}</a>
        <button class="btn btn-primary" type="submit">{{ _('Save changes') if page else _('Add document') }}</button>
    </div>
</form>
{% endblock %}