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

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

{% block container %}
<div class="row">
    <div class="col-1 col-md-2 d-none d-sm-flex"></div>
    <div class="col">
        <div class="row">
            <div class="col"></div>
            <div class="col-12 col-lg-10 mt-5">
                <div class="card-wrapper card-space">
                    <div class="card card-bg">
                        <div class="card-body">
                            <form method="post" action="{% url 'oidc_provider_consent' %}">
                                {% csrf_token %}
                                {% for hidden in form.hidden_fields %}{{ hidden }}{% endfor %}
                                <div class="container attribute-release mt-3 px-4">
                                    <div class="row">
                                        <div class="col">
                                            <div class="text-justify">
                                                <p class="c3 f09">Richiesta di accesso CIE <strong>Livello</strong> <strong id="providingLevel">{{ session.acr|default:"2" }}</strong></p>
                                                <p class="c3 f11">
                                                    I seguenti dati stanno per essere inviati a:
                                                    <br/>
                                                    <strong class="c0">{{ client_organization_name|default:"Visione" }}</strong>
                                                </p>
                                            </div>

                                            <div class="my-5">
                                                <ul class="c3 text-justify ml-n3 f09">
                                                    {% for claim in user_claims %}
                                                    <li>
                                                        <span class="c3">{{ claim }}</span>
                                                    </li>
                                                    {% endfor %}
                                                </ul>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row buttons mt-4 pb-3">
                                        <div class="col-12 col-lg-4 text-center mb-3">
                                            <a href="{% url 'oidc_provider_not_consent' %}?redirect_uri={{ redirect_uri|urlencode }}&state={{ state|urlencode }}" class="btn btn-outline-primary w-100 text-nowrap" id="do_not_agree">Annulla</a>
                                        </div>
                                        <div class="col-12 col-lg-4 text-center">
                                            <button type="submit" class="btn btn-primary w-100" id="agree">Prosegui</button>
                                        </div>
                                        <div class="col-12 col-lg-4"></div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col"></div>
        </div>
    </div>
    <div class="col-1 col-md-2 d-none d-sm-flex"></div>
</div>
{% endblock container %}