From 3cd39fffda072f92b62738abd3428441d5f0f641 Mon Sep 17 00:00:00 2001
From: Kulbhushan Kaushik <kulbhushan.kaushik@safelite.com>
Date: Fri, 20 Jan 2023 08:21:38 -0500
Subject: [PATCH] commit

---
 .../policy-holder-details.vue                 | 37 +++++++++++++------
 1 file changed, 26 insertions(+), 11 deletions(-)

diff --git a/src/layouts/policy-holder-details/policy-holder-details.vue b/src/layouts/policy-holder-details/policy-holder-details.vue
index 5a26238a..fd9aaa31 100644
--- a/src/layouts/policy-holder-details/policy-holder-details.vue
+++ b/src/layouts/policy-holder-details/policy-holder-details.vue
@@ -1,33 +1,41 @@
 <template>
     <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm"  v-slot="{ meta }" >
-        <div class="page-container-grouped-styles overflow-auto welcome">
+        <div class="page-container-grouped-styles overflow-auto">
             <div class="fade-on-route-transition">
                 <siteHeader cmsWidgetName="SiteHeaderWidget"/>
                 <siteSubHeader cmsWidgetName="SiteSubHeaderWidget"/>
-                <div class="row mt-4">
+                <div class="row mb-4">
                     <div class="col">
                         <textboxQuestion
                             inputId="firstNameField"
                             cmsWidgetName="PolicyholderFirstNameQuestion"
-                            v-model="policyHolderModel.firstName"
+                            v-model="customerQuestions.firstName"
                             isRequired
                             ref="policyHolderFirstName"
                             disableAutoFill
                             validationRules="first-name-required" />
                     </div>        
                 </div>
-                <div class="row mt-4">
+                <div class="row mb-4">
                     <div class="col">
                         <textboxQuestion
                             inputId="lastNameField"
                             cmsWidgetName="PolicyholderLastNameQuestion"
-                            v-model="policyHolderModel.lastName"
+                            v-model="customerQuestions.lastName"
                             isRequired
                             ref="policyHolderLastName"
                             disableAutoFill
                             validationRules="last-name-required" />
                     </div>        
                 </div>
+                <addressQuestions ref="addressQuestions" v-model="customerQuestions.addressQuestions" />
+                <siteFooter
+                    cmsWidgetName="SiteFooterWidget"
+                    ref="siteFooter"
+                    :isDisabled="!meta.valid"
+                    @ForwardClicked="forwardButtonAction"
+                    @back-clicked="backButtonAction"
+                     />
             </div>
         </div>
     </Form>
@@ -37,6 +45,7 @@
 import siteHeader from '@/common-components/site-header/site-header';
 import siteSubHeader from '@/common-components/site-sub-header/site-sub-header';
 import textboxQuestion from "@/common-components/textbox-question/textbox-question";
+import addressQuestions from "@/common-components/address-questions/address-questions";
 
 // Supporting files
 import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
@@ -49,18 +58,23 @@ import { useMainStore } from '@/store';
 
 //define validation rules
 defineRule("first-name-required", required(errorMessages.POLICYHOLDER_FIRST_NAME_REQUIRED));
-defineRule("last-cause-required", required(errorMessages.POLICYHOLDER_LAST_NAME_REQUIRED));
+defineRule("last-name-required", required(errorMessages.POLICYHOLDER_LAST_NAME_REQUIRED));
     
 export default {
     name: "policy-holder-details",
     mixins: [BaseFormMixin],
     data() {
         return {
-            policyHolderModel: 
-            {
-                firstName: "",
-                lastName: "",
-            }
+            customerQuestions: {
+                    addressQuestions: {
+                        streetAddress: "",
+                        city: "",
+                        state: "",
+                        zipCode: "",
+                    },
+                    firstName: "",
+                    lastName: "",
+                },
         };
     },
     setup() {
@@ -91,6 +105,7 @@ export default {
         siteHeader,
         siteSubHeader,
         textboxQuestion,
+        addressQuestions,
         Form,
     },
 }