{% extends shell('public') %}

{% block title %}{{ _('Legal texts to accept') }} | {{ SPLENT_APP }}{% endblock %}

{% block hero %}
    {{ render_block('hero', eyebrow=_('Legal'), title=_('Legal texts to accept')) }}
{% endblock %}

{% block content %}
<article class="container section">
    <p>{{ _('Before you go on, read the following texts. Each link opens in a new tab.') }}</p>
    <ul class="legal-pending">
        {% for v in pending %}
        <li>
            <a href="{{ url_for('legal.version', slug=v.document.slug, number=v.number) }}" target="_blank" rel="noopener">{{ texts[v.id].title if texts[v.id] else v.document.title }}</a>
            · {{ _('Version %(number)s, in force since %(date)s.', number=v.number, date=v.effective_at | dateformat('long')) }}
            {% if v.change_summary %}<p class="card__meta">{{ _('What changed:') }} {{ v.change_summary }}</p>{% endif %}
        </li>
        {% endfor %}
    </ul>

    <form method="post" novalidate class="form-page">
        {{ form.hidden_tag() }}
        <div class="form-field form-check mb-3">
            {{ form.legal_acceptance(class="form-check-input" ~ (" is-invalid" if form.legal_acceptance.errors else "")) }}
            {{ form.legal_acceptance.label(class="form-check-label") }}
            {% for error in form.legal_acceptance.errors %}
                <p class="form-error text-danger small">{{ error }}</p>
            {% endfor %}
        </div>
        {{ form.submit(class="btn btn-primary") }}
    </form>
</article>
{% endblock %}