added VinNotFound alert, license plate and registration zip lookup methods

src/layouts/license-plate-lookup/license-plate-lookup.vue

@@ -3,23 +3,32 @@
     @submit="onSubmit"
     @invalid-submit="onInvalidSubmit" >
     <div class="page-container-grouped-styles overflow-auto">
-      <siteHeader
+      <siteHeader cms-widget-name="SiteHeaderWidget" />
-        cms-widget-name="SiteHeaderWidget"  />
       <vehicleBanner
         cms-widget-name="VehicleBannerWidget"
         :display-generic-vehicle-image="false" />
-      <siteSubHeader
+      <siteSubHeader cms-widget-name="SiteSubHeaderWidget" />
-        cms-widget-name="SiteSubHeaderWidget" />
+      <div class="fade-on-route-transition sub-container make-tall">
-      <div class="fade-on-route-transition sub-container make-tall mt-5">
+        <div class="mt-5">
-        <textboxQuestion
+          <textboxQuestion
-          inputId="licensePlateField"
+            inputId="license_plate"
-          cmsWidgetName="LicensePlateNumberQuestionWidget"
+            cmsWidgetName="LicensePlateNumberQuestionWidget"
-          v-model="licensePlate" />
+            v-model="licensePlate"
-        <textboxQuestion 
+            isRequired 
-          class="mt-4"
+            disableAutoFill />
-          inputId="registrationZipField"
+        </div>
-          cmsWidgetName="RegistrationZipQuestionWidget"
+        <div class="mt-4">
-          v-model="registrationZip" />
+          <textboxQuestion 
+            inputId="zip"
+            cmsWidgetName="RegistrationZipQuestionWidget"
+            v-model="registrationZipCode"
+            isRequired
+            disableAutoFill />
+        </div>
+        <alert
+          cmsWidgetName="AlertVinNotFoundWidget"
+          alertClass="alert-danger"
+          :isDismissable="false" />
         <siteFooter
           cms-widget-name="SiteFooterWidget"
           :is-forward-action-disabled="isForwardActionDisabled"
@@ -53,9 +62,13 @@ export default {
     siteSubHeader,
     vehicleBanner,
     textboxQuestion,
+    alert,   
   },
   data() {
-    return {};
+    return {
+      licensePlate: this.getLicensePlateFromStore(),
+      registrationZipCode: this.getRegistrationZipFromStore(),
+    };
   },
   async beforeRouteEnter(to, from, next) {
     const cmsContentPromise = fetchCmsContentForPage(to.query.issPage);
@@ -81,7 +94,10 @@ export default {
   },
   methods: {
     arePagePrerequisiteValid() {      
-      return true;
+      if (this.mainStore.order.vehicle.carId) {
+          return true;
+      }
+      return false;
     },
     backButtonAction() {
       /**
@@ -92,7 +108,16 @@ export default {
     forwardButtonAction() {
       return true;
     },
-    resetDependentState() {},
+    resetDependentState() {
+
+    },
+    getLicensePlateFromStore() {
+      return this.mainStore.order.vehicle.registration.licensePlate;
+    },
+    getRegistrationZipFromStore() {
+      return this.mainStore.order.vehicle.registration.zipCode;
+    }
+
   },
 };
 </script>