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

{% block page_title %}Visione CIE Consent{% 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 "Conferma rilascio dati" %}</h2>
            <p class="visione-copy">
                {% blocktrans with service=client_organization_name|default:"Visione" %}
                Per completare accesso a {{ service }} devi autorizzare rilascio degli attributi richiesti.
                {% endblocktrans %}
            </p>
            <form method="post" action="{% url 'oidc_provider_consent' %}">
                {% 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:'' }}">
                    {% else %}
                    <textarea id="id_{{ form_field.html_name }}" class="visione-form-textarea" name="{{ form_field.name }}">{{ form.public_jwks.value }}</textarea>
                    {% endif %}
                    {% if form_field.errors %}
                    <div class="visione-error">{{ form_field.errors }}</div>
                    {% endif %}
                </div>
                {% endfor %}
                {% for hidden in 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 }}" id="do_not_agree">
                        {% trans "Annulla" %}
                    </a>
                    <button class="visione-btn visione-btn-primary" id="agree" type="submit">{% trans "Autorizza" %}</button>
                </div>
            </form>
        </div>
        <aside class="visione-panel">
            <h2 class="visione-panel-title">{% trans "Dati richiesti" %}</h2>
            <p class="visione-copy">
                {% trans "Questi attributi saranno condivisi con Visione per completare autenticazione." %}
            </p>
            <div class="visione-meta">
                <ul class="visione-claims">
                    {% for claim in user_claims %}
                    <li>{{ claim }}</li>
                    {% endfor %}
                </ul>
            </div>
            <div class="visione-inline-nav">
                <a href="{% url 'oidc_provider_access_history' %}">{% trans "Storico accessi" %}</a>
            </div>
        </aside>
    </div>
</section>
{% endblock container %}