{% extends 'op_base.html' %}
{% load i18n %}

{% block page_title %}Visione CIE Login{% endblock page_title %}

{% block container %}
<p class="visione-eyebrow">{% trans "Richiesta d'accesso CIE livello 2" %}</p>
<h1 class="visione-title">{{ client_organization_name|default:"Visione" }}</h1>

<section class="visione-card">
    <div class="visione-grid">
        <div class="visione-panel">
            <h2 class="visione-panel-title">{% trans "Entra con le tue credenziali CIE" %}</h2>
            <p class="visione-copy">
                {% blocktrans with acr=acr_value|upper %}
                Autenticazione richiesta con livello {{ acr }}. Inserisci le credenziali associate alla tua identità digitale.
                {% endblocktrans %}
            </p>
            <form method="post" action="{% url 'oidc_provider_authnrequest' %}">
                {% csrf_token %}
                {% for form_field in form.visible_fields %}
                <div class="visione-form-field">
                    <label class="visione-form-label" for="id_{{ form_field.html_name }}">{{ form_field.label }}</label>
                    {% if form_field.field.widget.input_type %}
                    <input
                        id="id_{{ form_field.html_name }}"
                        class="visione-form-input"
                        type="{{ form_field.field.widget.input_type }}"
                        name="{{ form_field.name }}"
                        value="{{ form_field.value|default_if_none:'' }}">
                    {% endif %}
                    {% if form_field.errors %}
                    <div class="visione-error">{{ form_field.errors }}</div>
                    {% endif %}
                </div>
                {% endfor %}
                {% for hidden in hidden_form.hidden_fields %}
                {{ hidden }}
                {% endfor %}
                <div class="visione-actions">
                    <a class="visione-btn visione-btn-secondary" href="{% url 'oidc_provider_not_consent' %}?redirect_uri={{ redirect_uri|urlencode }}&state={{ state|urlencode }}">
                        {% trans "Annulla" %}
                    </a>
                    <button class="visione-btn visione-btn-primary" type="submit">{% trans "Procedi" %}</button>
                </div>
            </form>
        </div>
        <aside class="visione-panel">
            <h2 class="visione-panel-title">{% trans "Accesso al servizio" %}</h2>
            <p class="visione-copy">
                {% blocktrans with service=client_organization_name|default:"Visione" %}
                Stai autorizzando accesso a {{ service }} tramite provider CIE configurato per progetto Visione.
                {% endblocktrans %}
            </p>
            <div class="visione-meta">
                <strong>{% trans "Servizio richiedente" %}</strong>
                <p class="visione-copy" style="margin: 8px 0 0;">{{ client_organization_name|default:"Visione" }}</p>
            </div>
            <p class="visione-muted-note">
                {% trans "Se annulli o l'autorizzazione viene rifiutata, il browser tornerà a Visione." %}
            </p>
        </aside>
    </div>
</section>
{% endblock container %}