From e652f3d038c7180f43870212b27ae3eb96dc9ec6 Mon Sep 17 00:00:00 2001
From: Kegan Maher <kegan@compiler.la>
Date: Tue, 26 Mar 2024 22:55:53 +0000
Subject: [PATCH] feat(enrollment): success page displays expiration date if
 any

with the TIME_ZONE='America/Los_Angeles' setting, Django will display
the expiration date in that time zone

Django automatically formats the date according to the user's locale
(e.g. 'en' or 'es')

turned off djlint around this section because the different <p> tags in
branches of the {% if %} block was throwing errors and causing weird formatting"
---
 .../enrollment/templates/enrollment/success.html  | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/benefits/enrollment/templates/enrollment/success.html b/benefits/enrollment/templates/enrollment/success.html
index 71b8cf5fa6..c5a90c58d5 100644
--- a/benefits/enrollment/templates/enrollment/success.html
+++ b/benefits/enrollment/templates/enrollment/success.html
@@ -21,10 +21,17 @@ <h1 class="pb-lg-5 pb-4">{% translate "Success! Your transit benefit is now conn
   <div class="col-12 col-sm-12 col-lg-9">
     <div class="row flex-column-reverse flex-lg-row">
       <div class="col-12 col-lg-7">
-        <p class="pt-lg-4 mt-lg-3">
-          {% block success-message %}
-          {% endblock success-message %}
-        </p>
+        {# djlint:off #}
+        {% if enrollment.supports_expiration %}
+          <h2 class="h3 mb-1">{% translate "Your benefit will expire on" %} {{ enrollment.expires|date }}.</h2>
+          <p>
+        {% else %}
+          <p class="pt-lg-4 mt-lg-3">
+        {% endif %}
+            {% block success-message %}
+            {% endblock success-message %}
+          </p>
+        {# djlint:on #}
         <p class="pt-4">{% translate "Thank you for using Cal-ITP Benefits!" %}</p>
       </div>
       <div class="col-12 col-lg-5">