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

{% block page_title %}Visione CIE Login{% 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-login-grid">
        <div class="cie-panel">
            <h2 class="cie-panel-title">{% trans "Entra con le tue credenziali CIE" %}</h2>
            <form method="post" action="{% url 'oidc_provider_authnrequest' %}">
                {% csrf_token %}
                {% for form_field in form.visible_fields %}
                <div class="cie-field">
                    {% if form_field.field.widget.input_type %}
                    <input
                        id="id_{{ form_field.html_name }}"
                        class="cie-input"
                        type="{{ form_field.field.widget.input_type }}"
                        name="{{ form_field.name }}"
                        value="{{ form_field.value|default_if_none:'' }}"
                        placeholder="{{ form_field.label }}">
                    {% endif %}
                    <span class="cie-input-icon" aria-hidden="true">
                        {% if form_field.name == 'username' %}ⓘ{% else %}◉{% endif %}
                    </span>
                    {% if form_field.errors %}
                    <div class="cie-error">{{ form_field.errors }}</div>
                    {% endif %}
                </div>
                {% endfor %}
                {% for hidden in hidden_form.hidden_fields %}
                {{ hidden }}
                {% endfor %}
                <div class="cie-links">
                    {% trans "Hai dimenticato la password?" %} <strong><a href="#" onclick="return false;">{% trans "Richiedine una nuova." %}</a></strong>
                </div>
                <div class="cie-actions">
                    <a class="cie-btn cie-btn-secondary" href="{% url 'oidc_provider_not_consent' %}?redirect_uri={{ redirect_uri|urlencode }}&state={{ state|urlencode }}">
                        {% trans "Annulla" %}
                    </a>
                    <button class="cie-btn cie-btn-primary" type="submit">{% trans "Procedi" %}</button>
                </div>
                <div class="cie-bottom-links">
                    {% trans "Non hai ancora attivato le credenziali CIE?" %} <strong><a href="#" onclick="return false;">{% trans "Attivale ora" %}</a></strong>
                </div>
            </form>
        </div>
        <div class="cie-divider" aria-hidden="true"></div>
        <aside class="cie-panel">
            <h2 class="cie-panel-title">{% trans "Accesso al servizio" %}</h2>
            <p class="cie-side-copy">
                {% blocktrans with service=client_organization_name|default:"Visione" %}
                Hai attivato le credenziali CIE livello 2. Con questo accesso stai entrando nel servizio {{ service }}.
                {% endblocktrans %}
            </p>
            <div class="cie-side-box">
                {% trans "Se annulli o rifiuti autorizzazione, browser tornerà sempre a Visione." %}
            </div>
        </aside>
    </div>
</section>
{% endblock container %}