From c4b8117e4e2a67967191843bda7de5755b871c8b Mon Sep 17 00:00:00 2001
From: gabdevele <schiraldigabriele@gmail.com>
Date: Thu, 18 Jun 2026 14:39:03 +0200
Subject: [PATCH] refactor: update user consent template for consistency with
 CIE branding and improve structure

---
 provider/templates/op_user_consent.html | 90 ++++++++++---------------
 1 file changed, 36 insertions(+), 54 deletions(-)

diff --git a/provider/templates/op_user_consent.html b/provider/templates/op_user_consent.html
index 5ed1ff4..6691517 100644
--- a/provider/templates/op_user_consent.html
+++ b/provider/templates/op_user_consent.html
@@ -1,69 +1,51 @@
 {% extends 'op_base.html' %}
 {% load i18n %}
 
-{% block page_title %}Visione CIE Consent{% endblock page_title %}
+{% block page_title %}Rilascio Attributi{% 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>
+<p class="cie-kicker">{% trans "Richiesta d'accesso CIE livello 2" %}</p>
+<h1 class="cie-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:'' }}"
-                        placeholder="{{ form_field.label }}">
-                    {% 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">
+<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="visione-inline-nav">
-                <a href="{% url 'oidc_provider_access_history' %}">{% trans "Storico accessi" %}</a>
+
+            <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>
-        </aside>
+
+            <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 %}