codeforamerica · enyia21 · Apr 1, 2025 · Mar 27, 2025 · Mar 26, 2025 · Mar 26, 2025
diff --git a/src/main/resources/application-dev.yaml b/src/main/resources/application-dev.yaml
@@ -31,4 +31,4 @@ org:
 il-gcc:
   enable-emails: ${ENABLE_EMAILS_FLAG:false}
   dts:
-    processing-org: '4c-ccap-apps-testing'
+    processing-org: '4c-ccap-apps-testing'
diff --git a/src/main/resources/flows-config.yaml b/src/main/resources/flows-config.yaml
@@ -489,6 +489,7 @@ flow:
     nextScreens:
       - name: submit-confirm-provider-email
   submit-contact-provider-email-confirmation:
+    beforeDisplayAction: FormatSubmittedAtDate
     condition: EnableProviderMessagingFlagOn
     nextScreens:
       - name: submit-contact-provider-text

diff --git a/src/main/resources/messages.properties b/src/main/resources/messages.properties
@@ -1711,3 +1711,16 @@ registration-submit-confirmation.existing-provider.header=Done! You are now list
 registration-submit-confirmation.existing-provider.experience-question=How easy or difficult was this provider response experience?
 registration-submit-confirmation.existing-provider.notice=This application has been sent to your CCR&R for processing.
 
+#submit-contact-provider-email-confirmation
+submit-contact-provider-email-confirmation.title=Email confirmation
+submit-contact-provider-email-confirmation.header=We emailed your child care provider!
+submit-contact-provider-email-confirmation.subheader=We sent your provider the email below. They have <strong>3 business days</strong> to complete their part.
+submit-contact-provider-email-confirmation.email-preview.sent=<strong>Sent:</strong> {0} at {1}
+submit-contact-provider-email-confirmation.email-preview.from=<strong>From:</strong> [email protected]
+submit-contact-provider-email-confirmation.email-preview.subject=<strong>Subject:</strong> [Action Required] New CCAP application
+submit-contact-provider-email-confirmation.email-preview.body.pt1=Hello,
+submit-contact-provider-email-confirmation.email-preview.body.pt2=A family just submitted a Child Care Assistance Program (CCAP) application online and listed you as their child care provider. The confirmation code is: {0}
+submit-contact-provider-email-confirmation.email-preview.body.pt3=<strong>Click this secure link to view child care details and complete your part of the application within 3 business days: <u>{0}</u></strong>
+submit-contact-provider-email-confirmation.email-preview.body.pt4=The sooner you respond, the sooner you can get paid.
+submit-contact-provider-email-confirmation.email-preview.body.pt5=If you don't respond, the application will be submitted to the CCR&R after 3 business days.
+
diff --git a/src/main/resources/static/assets/css/custom.css b/src/main/resources/static/assets/css/custom.css
@@ -425,6 +425,22 @@ p.normal {
   padding: 20px 15px 0 15px;
 }
 
+.notice-white {
+  background: #fdfcfc;
+  border: 2px solid #CFC5BF;
+  border-radius: 3px;
+  position: relative;
+  padding: 15px 15px;
+  font-size: 1.5rem;
+}
+.notice-white hr{
+  margin: 1.5rem;
+}
+
+.email-header-example p{
+  margin-top: 0;
+  margin-bottom: 0;
+}
 .steps-box {
   display: flex;
   align-items: flex-start;

diff --git a/src/main/resources/templates/gcc/submit-contact-provider-email-confirmation.html b/src/main/resources/templates/gcc/submit-contact-provider-email-confirmation.html
@@ -1,18 +1,36 @@
 <!DOCTYPE html>
 <html th:lang="${#locale.language}" xmlns:th="http://www.thymeleaf.org">
-<head th:replace="~{fragments/head :: head(title='TEMPLATE')}"></head>
+<head th:replace="~{fragments/head :: head(title=#{submit-contact-provider-email-confirmation.title})}"></head>
 <body>
 <div class="page-wrapper">
   <div th:replace="~{fragments/toolbar :: toolbar}"></div>
   <section class="slab">
     <div class="grid">
       <div th:replace="~{fragments/goBack :: goBackLink}"></div>
       <main id="content" role="main" class="form-card spacing-above-35">
-        <th:block th:replace="~{fragments/cardHeader :: cardHeader(header=#{placeholder}, subtext=#{placeholder})}"/>
+        <th:block th:replace="~{fragments/gcc-icons :: mail-sent-success}"></th:block>
+        <th:block th:replace="~{fragments/cardHeader :: cardHeader(header=#{submit-contact-provider-email-confirmation.header}, subtext=#{submit-contact-provider-email-confirmation.subheader})}"/>
         <th:block th:replace="~{fragments/form :: form(action=${formAction}, content=~{::formContent})}">
           <th:block th:ref="formContent">
             <div class="form-card__content">
-                <!-- Put inputs here -->
+              <div class="notice-white"
+                   th:with="submittedAt=${submission.getSubmittedAt()},
+                            submittedAtDate=${T(org.ilgcc.app.utils.DateUtilities).convertDateToFullWordMonthPattern(submission.getInputData.get('formattedSubmittedAtDate'))},
+                            submittedAtTime=${submission.getInputData.get('formattedSubmittedAtTime')}">
+                <div class="email-header-example">
+                  <p th:utext="#{submit-contact-provider-email-confirmation.email-preview.sent(${submittedAtDate}, ${submittedAtTime})}"></p>
+                  <p th:utext="#{submit-contact-provider-email-confirmation.email-preview.from}"></p>
+                  <p th:utext="#{submit-contact-provider-email-confirmation.email-preview.subject}"></p>
+                </div>
+                <hr>
+                <div>
+                  <p th:utext="#{submit-contact-provider-email-confirmation.email-preview.body.pt1}"></p>
+                  <p th:utext="#{submit-contact-provider-email-confirmation.email-preview.body.pt2(${submission.getShortCode()})}"></p>
+                  <p th:utext="#{submit-contact-provider-email-confirmation.email-preview.body.pt3(${submission.getInputData().getOrDefault('shareableLink', '')})}"></p>
+                  <p th:utext="#{submit-contact-provider-email-confirmation.email-preview.body.pt4}"></p>
+                  <p th:utext="#{submit-contact-provider-email-confirmation.email-preview.body.pt5}"></p>
+                </div>
+              </div>
             </div>
             <div class="form-card__footer">
               <th:block th:replace="~{fragments/inputs/submitButton :: submitButton(text=#{general.inputs.continue})}"/>

diff --git a/src/test/java/org/ilgcc/app/journeys/GccProviderMessagingFlowJourneyTest.java b/src/test/java/org/ilgcc/app/journeys/GccProviderMessagingFlowJourneyTest.java
@@ -72,25 +72,32 @@ void ProviderMessagingSteps() {
         testPage.clickContinue();
 
         // submit-confirm-provider-email
+        // submit-contact-provider-email-confirmation
+        testPage.navigateToFlowScreen("gcc/submit-contact-provider-email-confirmation");
+        assertThat(testPage.getTitle()).isEqualTo(getEnMessage("submit-contact-provider-email-confirmation.title"));
+        testPage.clickContinue();
 
+      // submit-contact-provider-email-confirmation
+      testPage.navigateToFlowScreen("gcc/submit-contact-provider-email-confirmation");
+      assertThat(testPage.getTitle()).isEqualTo(getEnMessage("submit-contact-provider-email-confirmation.title"));
+      testPage.clickContinue();
 
-        // submit-share-confirmation-code
-        testPage.navigateToFlowScreen("gcc/submit-share-confirmation-code");
-
-        // skips screen and goes to doc-upload-recommended-docs
-        assertThat(testPage.getTitle()).isEqualTo(getEnMessage("doc-upload-recommended-docs.title"));
+      // submit-share-confirmation-code
+      testPage.navigateToFlowScreen("gcc/submit-share-confirmation-code");
 
-        testPage.navigateToFlowScreen("gcc/submit-contact-method");
-        testPage.clickElementById("contactProviderMethod-OTHER-label");
-        testPage.clickContinue();
+      // skips screen and goes to doc-upload-recommended-docs
+      assertThat(testPage.getTitle()).isEqualTo(getEnMessage("doc-upload-recommended-docs.title"));
 
-        testPage.navigateToFlowScreen("gcc/submit-share-confirmation-code");
-        assertThat(testPage.getTitle()).isEqualTo(getEnMessage("submit-share-confirmation-code.title"));
+      testPage.navigateToFlowScreen("gcc/submit-contact-method");
+      testPage.clickElementById("contactProviderMethod-OTHER-label");
+      testPage.clickContinue();
 
-        testPage.clickLink(getEnMessage("submit-share-confirmation-code.cta"));
+      testPage.navigateToFlowScreen("gcc/submit-share-confirmation-code");
+      assertThat(testPage.getTitle()).isEqualTo(getEnMessage("submit-share-confirmation-code.title"));
 
-        // doc-upload-recommended-docs
-        assertThat(testPage.getTitle()).isEqualTo(getEnMessage("doc-upload-recommended-docs.title"));
+      testPage.clickLink(getEnMessage("submit-share-confirmation-code.cta"));
 
+      // doc-upload-recommended-docs
+      assertThat(testPage.getTitle()).isEqualTo(getEnMessage("doc-upload-recommended-docs.title"));
     }
 }