From aba11ba4fec90224169052f15e1ef41f1046b172 Mon Sep 17 00:00:00 2001
From: Bill Richardson <william.richardson@safelite.com>
Date: Thu, 3 Aug 2023 16:09:12 -0400
Subject: [PATCH 1/2] initial confirmation check in

---
 .../site-sub-header/site-sub-header.vue       |  2 +-
 .../bailout-confirmation.vue                  | 62 +++++++++++++++++++
 src/layouts/bailout-page/bailout-page.vue     | 11 +++-
 src/router/router-constants/routing-table.js  |  4 ++
 src/styles/bailout-common.scss                | 37 +++++++++++
 5 files changed, 114 insertions(+), 2 deletions(-)
 create mode 100644 src/layouts/bailout-confirmation/bailout-confirmation.vue
 create mode 100644 src/styles/bailout-common.scss

diff --git a/src/iss-components/site-sub-header/site-sub-header.vue b/src/iss-components/site-sub-header/site-sub-header.vue
index caa48f72..b11144dd 100644
--- a/src/iss-components/site-sub-header/site-sub-header.vue
+++ b/src/iss-components/site-sub-header/site-sub-header.vue
@@ -1,7 +1,7 @@
 <template>
     <div>
         <div
-            class="d-flex align-items-center justify-content-center container-fluid overflow-hidden">
+            class="subheader-primary d-flex align-items-center justify-content-center container-fluid overflow-hidden">
             <h5 class="text-center fw-normal mb-0 subheader-primary" :class="headerColor">
                 <span>
                     {{ content }}
diff --git a/src/layouts/bailout-confirmation/bailout-confirmation.vue b/src/layouts/bailout-confirmation/bailout-confirmation.vue
new file mode 100644
index 00000000..ef7b1519
--- /dev/null
+++ b/src/layouts/bailout-confirmation/bailout-confirmation.vue
@@ -0,0 +1,62 @@
+<template>
+    <div class="page-container-grouped-styles">
+        <siteHeader cmsWidgetName="SiteHeaderWidget" />
+        <div class="main-content-container">
+            <siteSubHeader
+                cmsWidgetName="SiteSubHeaderWidget"
+                class="sub-header-content"
+                justification="left" />
+        </div>
+    </div>
+</template>
+<script>
+// Components
+import siteHeader from '@/iss-components/site-header/site-header';
+import siteSubHeader from '@/iss-components/site-sub-header/site-sub-header';
+// Supporting files
+import { fetchCmsContentForPage } from '@/helpers/cms-content-helper';
+import { issPageValues } from '@/router/router-constants/issPage-values.js';
+import { settleAllPromises } from '@/helpers/layout-helper';
+import { useMainStore } from '@/store';
+
+export default {
+    name: 'bailout-confirmation',
+    components: {
+        siteHeader,
+        siteSubHeader
+    },
+    async beforeRouteEnter(to, from, next) {
+        // Call APIs
+        const cmsContentPromise = fetchCmsContentForPage(to.query.issPage);
+        // Settle promises and get results
+        const promiseResultMap = [
+            {
+                resultKey: 'cmsContent',
+                promise: cmsContentPromise
+            }
+        ];
+        // use resultMap to populate layout content.
+        const resultMap = await settleAllPromises(promiseResultMap);
+
+        next((vm) => {
+            vm.setCmsContent(resultMap.cmsContent);
+        });
+    },
+    setup() {
+        const mainStore = useMainStore();
+        return { mainStore };
+    },
+    data() {
+        const bailoutConfirmationData = useMainStore().pageData(issPageValues.BAILOUT_CONFIRMATION);
+        return {
+            bailoutConfirmationModel: bailoutConfirmationData
+        };
+    },
+    computed: {},
+    methods: {}
+};
+</script>
+
+<style lang="scss">
+@import '@/styles/bailout-common.scss';
+</style>
diff --git a/src/layouts/bailout-page/bailout-page.vue b/src/layouts/bailout-page/bailout-page.vue
index 73f7be8f..81e13877 100644
--- a/src/layouts/bailout-page/bailout-page.vue
+++ b/src/layouts/bailout-page/bailout-page.vue
@@ -129,7 +129,16 @@ export default {
         forwardButtonAction() {
             return this.navigateForward();
         },
-        navigateForward() {},
+        navigateForward() {
+            console.log(this.bailoutPageModel);
+            this.$router.navigate(
+                this.navigationScenarios.CLICKED_FORWARD,
+                this.$route,
+                {},
+                {},
+                this.bailoutPageModel
+            );
+        },
         getBailoutPageModelFromStore() {
             return {
                 firstName: this.mainStore.order.customer.firstName,
diff --git a/src/router/router-constants/routing-table.js b/src/router/router-constants/routing-table.js
index 437770b9..aa9f0055 100644
--- a/src/router/router-constants/routing-table.js
+++ b/src/router/router-constants/routing-table.js
@@ -597,6 +597,10 @@ const routingTable = () => [
             {
                 scenario: navigationScenarios.CLICKED_BACK_PREVIOUS,
                 destinationIssPageValue: issPageValues.BAILOUT_PAGE
+            },
+            {
+                scenario: navigationScenarios.CLICKED_FORWARD,
+                destinationIssPageValue: issPageValues.BAILOUT_CONFIRMATION
             }
         ]
     }
diff --git a/src/styles/bailout-common.scss b/src/styles/bailout-common.scss
new file mode 100644
index 00000000..e5e406af
--- /dev/null
+++ b/src/styles/bailout-common.scss
@@ -0,0 +1,37 @@
+$page-side-padding: 1.5rem;
+
+.page-container-grouped-styles {
+  > div.main-content-container {
+    overflow: auto;
+    padding: 0 $page-side-padding !important;
+    
+    > div.sub-header-content {
+      margin-top: 1rem;
+      padding: 0;
+
+      div.subheader-secondary {
+        margin-top: 0.5rem;
+        padding: 0;
+
+        p {
+          line-height: 1.5rem;
+          &:last-child {
+            margin-bottom: 0;
+          }
+        }
+        
+        span {
+          font-size: 0.875rem;
+        }
+      }
+    }
+    
+    div.textbox-question {
+      margin-top: 1rem;
+    }
+
+    div.footer-content-container {
+      margin: 1.5rem 0;
+    }
+  }
+}

From 8e972a09f3f49642958627d666e3eb442705b91f Mon Sep 17 00:00:00 2001
From: Bill Richardson <william.richardson@safelite.com>
Date: Thu, 3 Aug 2023 16:11:53 -0400
Subject: [PATCH 2/2] confirmation updates and scss import

---
 src/layouts/bailout-page/bailout-page.vue     | 40 +------------------
 src/router/router-constants/issPage-values.js |  1 +
 src/styles/bailout-common.scss                |  4 ++
 3 files changed, 6 insertions(+), 39 deletions(-)

diff --git a/src/layouts/bailout-page/bailout-page.vue b/src/layouts/bailout-page/bailout-page.vue
index 81e13877..59652083 100644
--- a/src/layouts/bailout-page/bailout-page.vue
+++ b/src/layouts/bailout-page/bailout-page.vue
@@ -130,7 +130,6 @@ export default {
             return this.navigateForward();
         },
         navigateForward() {
-            console.log(this.bailoutPageModel);
             this.$router.navigate(
                 this.navigationScenarios.CLICKED_FORWARD,
                 this.$route,
@@ -152,42 +151,5 @@ export default {
 </script>
 
 <style lang="scss">
-$page-side-padding: 1.5rem;
-
-.page-container-grouped-styles {
-    > div.main-content-container {
-        overflow: auto;
-        padding: 0 $page-side-padding !important;
-
-        > div.sub-header-content {
-            margin-top: 1rem;
-            padding: 0;
-
-            div.subheader-secondary {
-                margin-top: 0.5rem;
-                padding: 0;
-
-                p {
-                    line-height: 1.5rem;
-
-                    &:last-child {
-                        margin-bottom: 0;
-                    }
-                }
-
-                span {
-                    font-size: 0.875rem;
-                }
-            }
-        }
-
-        div.textbox-question {
-            margin-top: 1rem;
-        }
-
-        div.footer-content-container {
-            margin: 1.5rem 0;
-        }
-    }
-}
+@import '@/styles/bailout-common.scss';
 </style>
diff --git a/src/router/router-constants/issPage-values.js b/src/router/router-constants/issPage-values.js
index 6ee8b572..b4763d44 100644
--- a/src/router/router-constants/issPage-values.js
+++ b/src/router/router-constants/issPage-values.js
@@ -4,6 +4,7 @@ export const issPageValues = {
 
     ADDRESS_LOOKUP: 'address-lookup',
     ADDRESS_VEHICLES: 'address-vehicles',
+    BAILOUT_CONFIRMATION: 'bailout-confirmation',
     BAILOUT_PAGE: 'bailout-page',
     CAPABILITY_QUESTIONS: 'capability-questions',
     CONTACT_DETAILS: 'contact-details',
diff --git a/src/styles/bailout-common.scss b/src/styles/bailout-common.scss
index e5e406af..1188eeb0 100644
--- a/src/styles/bailout-common.scss
+++ b/src/styles/bailout-common.scss
@@ -9,6 +9,10 @@ $page-side-padding: 1.5rem;
       margin-top: 1rem;
       padding: 0;
 
+      div.subheader-primary {
+        padding: 0;
+      }
+
       div.subheader-secondary {
         margin-top: 0.5rem;
         padding: 0;