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

{% block page_title %}Rilascio Attributi{% endblock page_title %}

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

<section class="cie-login-card">
    <div class="cie-panel" style="width:100%;">
        <form method="post" action="{% url 'oidc_provider_consent' %}">
            {% csrf_token %}
            {% for hidden in form.hidden_fields %}
            {{ hidden }}
            {% endfor %}

            <div class="text-justify">
                <p class="cie-side-copy" style="margin-top:0;">
                    Richiesta di accesso CIE <strong>Livello</strong> <strong>{{ session.acr|default:"2" }}</strong>
                </p>
                <p class="cie-side-copy" style="margin-bottom:0;">
                    I seguenti dati stanno per essere inviati a:<br>
                    <strong style="color:#0059b3; font-size:20px;">{{ client_organization_name|default:"Visione" }}</strong>
                </p>
            </div>

            <div class="cie-side-box" style="margin-top:32px;">
                <ul class="cie-claims" style="margin-top:0;">
                    {% for claim in user_claims %}
                    <li>{{ claim }}</li>
                    {% endfor %}
                </ul>
            </div>

            <div class="cie-actions" style="margin-top:34px;">
                <button type="submit" class="cie-btn cie-btn-secondary" name="_eventId_AttributeReleaseRejected" value="Rifiuto">
                    {% trans "Annulla" %}
                </button>
                <button type="submit" class="cie-btn cie-btn-primary" name="_eventId_proceed" value="Prosegui">
                    {% trans "Prosegui" %}
                </button>
            </div>

            <p class="cie-bottom-links" style="margin-top:0;">
                {% trans "Se procedi le informazioni sopra riportate saranno trasmesse al servizio." %}
            </p>
        </form>
    </div>
</section>
{% endblock container %}