From 3b28f82a8ba998f153cd131b97605fa744edff83 Mon Sep 17 00:00:00 2001
From: Vraj Mohan <vraj@codeforamerica.org>
Date: Fri, 26 Jan 2024 13:19:15 -0800
Subject: [PATCH] Add a quick-and-dirty PDF download link

---
 src/main/resources/messages.properties                   | 2 ++
 src/main/resources/static/assets/css/custom.css          | 7 +++++++
 .../resources/templates/mdBenefitsFlow/confirmation.html | 9 +++++++++
 3 files changed, 18 insertions(+)

diff --git a/src/main/resources/messages.properties b/src/main/resources/messages.properties
index 65948297..ff2b70c3 100644
--- a/src/main/resources/messages.properties
+++ b/src/main/resources/messages.properties
@@ -1032,6 +1032,8 @@ confirmation.looking_for_job_html=<b>You are required to create a HiRE account.<
 confirmation.p2_html=Within the next 30 days, <b>expect to get a letter in the mail</b> about your application. The letter will tell you if you are eligible or not.
 confirmation.p3=Call LAHelpU at <a href="tel:(888) 524-3578">(888) 524-3578</a> if you have any questions about your online application.
 confirmation-feedback.how-easy=How easy or difficult was it to complete the online application form using this website? (Optional)
+confirmation.save-a-copy-of-your-application=Save a copy of your application for your records:
+confirmation.download-your-application=Download a PDF of your application
 
 # WIC/ECE - these are placeholders for translations, feel free to change the key names
 looking-for-assistance=Looking for assistance with other programs?
diff --git a/src/main/resources/static/assets/css/custom.css b/src/main/resources/static/assets/css/custom.css
index 637c149a..979b09cd 100644
--- a/src/main/resources/static/assets/css/custom.css
+++ b/src/main/resources/static/assets/css/custom.css
@@ -268,6 +268,13 @@ input[type="number"] {
   flex-shrink: 0;
 }
 
+.success-confirmation-box {
+  display: flex;
+  align-items: flex-start;
+  gap: 10px;
+}
+
+
 .toolbar {
    align-items: flex-start;
    padding-top: 12px;
diff --git a/src/main/resources/templates/mdBenefitsFlow/confirmation.html b/src/main/resources/templates/mdBenefitsFlow/confirmation.html
index 57a610ea..6d41145d 100644
--- a/src/main/resources/templates/mdBenefitsFlow/confirmation.html
+++ b/src/main/resources/templates/mdBenefitsFlow/confirmation.html
@@ -84,6 +84,15 @@ <h2 class="h2" th:text="#{confirmation.next-steps}"></h2>
             </th:block>
 
             <div th:replace="~{fragments/feedback :: feedback}"></div>
+            <div class="success-confirmation-box zero-flex-shrink spacing-below-60">
+              <th:block th:replace="~{fragments/icons :: smallDownloadDocuments}"></th:block>
+              <div>
+                <p th:text="#{confirmation.save-a-copy-of-your-application}"></p>
+                <a th:href="'/download/' + ${flow} + '/' + ${submission.getId()}"
+                   th:text="#{confirmation.download-your-application}"></a>
+              </div>
+            </div>
+
 
           </th:block>
         </th:block>