From 32e0204651473d3cb0d36e13a0a044354d88e5fe Mon Sep 17 00:00:00 2001
From: Antoine LAURENT <antoine.laurent@inclusion.gouv.fr>
Date: Thu, 23 Jan 2025 12:54:36 +0100
Subject: [PATCH] pro_connect: Display demo accounts link when available

---
 .../account/activate_pro_connect_account.html      |  2 +-
 itou/templates/pro_connect/includes/button.html    | 14 ++++++++++++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/itou/templates/account/activate_pro_connect_account.html b/itou/templates/account/activate_pro_connect_account.html
index 563ad82d8d2..aae0449e586 100644
--- a/itou/templates/account/activate_pro_connect_account.html
+++ b/itou/templates/account/activate_pro_connect_account.html
@@ -24,7 +24,7 @@ <h1 class="h2 mb-lg-4">ProConnect, un accès unique à tous vos services !</h1>
                             <br>
                             <strong>{{ user.email }}</strong>
                         </p>
-                        {% include "pro_connect/includes/button.html" with pro_connect_url=pro_connect_url login=True %}
+                        {% include "pro_connect/includes/button.html" with pro_connect_url=pro_connect_url login=True activation=True %}
                     </div>
                 </div>
                 <div class="s-section__col d-none d-lg-flex col-lg-6 p-lg-6 justify-content-center align-items-center bg-light">
diff --git a/itou/templates/pro_connect/includes/button.html b/itou/templates/pro_connect/includes/button.html
index b546fe151b0..3f91a895ac9 100644
--- a/itou/templates/pro_connect/includes/button.html
+++ b/itou/templates/pro_connect/includes/button.html
@@ -8,6 +8,20 @@
         <br>
         <a href="https://proconnect.gouv.fr/" class="btn btn-link has-external-link" target="_blank">En savoir plus</a>
     </div>
+{% elif SHOW_DEMO_ACCOUNTS_BANNER %}
+    <div class="alert alert-info" role="status">
+        <p class="mb-2">
+            <strong>ProConnect n'est pas disponible sur cet environnement.</strong>
+        </p>
+        {% if activation|default:False %}
+            <p class="mb-2">Vous devez vous deconnecter et utiliser un autre compte.</p>
+        {% else %}
+            <p class="mb-2">Vous pouvez utiliser un des comptes de démonstration pour vous connecter.</p>
+            <button type="button" class="text-decoration-underline" data-bs-toggle="modal" data-bs-target="#testAccountsModal">
+                Voir les comptes de démonstration
+            </button>
+        {% endif %}
+    </div>
 {% elif login|default:False %}
     <div class="alert alert-info" role="status">
         <p class="mb-2">