{% extends shell('app') %}

{% block title %}{{ _('Edit draft') if draft else _('New version') }} · {{ page.title }}{% endblock %}

{% block content %}
<div class="d-flex flex-column align-items-start gap-2 mb-4">
    <div>
        <h1 class="h3 mb-0">{{ _('Edit draft') if draft else _('New version') }} · {{ page.title }}</h1>
        <p class="text-muted mb-0">{{ _('A draft can change until it is published. Once published, a version is final: a correction is a new version.') }}</p>
    </div>
    <a href="{{ url_for('legal.admin_document', document_id=page.id) }}" class="btn btn-outline-secondary">← {{ _('Back to %(title)s', title=page.title) }}</a>
</div>

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

<form method="POST" class="card">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
    <div class="card-body">
        <div class="row g-3">
            {% for locale in locales %}
            {% set text = data.texts.get(locale) or (None, None) %}
            <div class="col-12">
                <h2 class="h6 mb-2">{{ locale }}{% if loop.first %} · {{ _('the default language, required') }}{% endif %}</h2>
                <label class="form-label" for="title_{{ locale }}">{{ _('Title') }}</label>
                <input id="title_{{ locale }}" name="title_{{ locale }}" class="form-control mb-2" value="{{ text[0] or '' }}" placeholder="{{ page.title }}">
                <label class="form-label" for="content_{{ locale }}">{{ _('Content (HTML)') }}</label>
                <textarea id="content_{{ locale }}" name="content_{{ locale }}" class="form-control" rows="14">{{ text[1] or '' }}</textarea>
                {% if not loop.first %}<p class="form-text">{{ _('Leave it empty to show this language the default text.') }}</p>{% endif %}
            </div>
            {% endfor %}
            <div class="col-md-8">
                <label class="form-label" for="change_summary">{{ _('What changed') }}</label>
                <input id="change_summary" name="change_summary" class="form-control" value="{{ data.change_summary or '' }}">
                <p class="form-text">{{ _('Shown in the list of versions and on the page that asks accounts to accept it again.') }}</p>
            </div>
            <div class="col-md-4">
                <label class="form-label" for="effective_on">{{ _('In force from') }}</label>
                <input id="effective_on" name="effective_on" type="date" class="form-control" value="{{ data.effective_on.isoformat() if data.effective_on else '' }}">
                <p class="form-text">{{ _('Empty, or a day already past, means from the moment it is published.') }}</p>
            </div>
            <div class="col-12">
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" name="requires_reacceptance" id="requires_reacceptance" {{ 'checked' if data.requires_reacceptance else '' }}>
                    <label class="form-check-label" for="requires_reacceptance">{{ _('Ask the accounts that accepted an earlier version to accept this one') }}</label>
                    {% if not page.acceptance_required %}<p class="form-text mb-0">{{ _('Only for a document asked at sign-up (see its settings).') }}</p>{% endif %}
                </div>
            </div>
        </div>
    </div>
    <div class="card-footer text-end">
        <a href="{{ url_for('legal.admin_document', document_id=page.id) }}" class="btn btn-link text-muted">{{ _('Cancel') }}</a>
        <button class="btn btn-outline-primary" type="submit" name="action" value="save">{{ _('Save draft') }}</button>
        <button class="btn btn-primary" type="submit" name="action" value="publish">{{ _('Save and publish') }}</button>
    </div>
</form>
{% endblock %}