From 5b92962624161788202c0c602f199f3f856b2ee6 Mon Sep 17 00:00:00 2001
From: Bill Richardson <william.richardson@safelite.com>
Date: Mon, 1 Apr 2024 08:37:09 -0400
Subject: [PATCH] add in PIA alert to payment-method page

---
 src/layouts/payment-method/payment-method.vue | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/layouts/payment-method/payment-method.vue b/src/layouts/payment-method/payment-method.vue
index 34e1ed67..db73e424 100644
--- a/src/layouts/payment-method/payment-method.vue
+++ b/src/layouts/payment-method/payment-method.vue
@@ -26,7 +26,12 @@
                     servicePackageTitleWidgetName="ServicePackageTitle"
                     :availableVaps="availableVaps" />
                 <hr class="mt-0 mb-5" />
-                <div>Pia Alert Placeholder</div>
+                <alert
+                    v-if="displayPayInAdvanceAlert"
+                    class="my-4"
+                    cmsWidgetName="PayInAdvanceErrorAlertWidget"
+                    alertClass="alert-danger"
+                    :isDismissible="false" />
                 <paymentMethodQuestion
                         v-model="paymentMethodInternalModel"
                         cmsWidgetName="PaymentMethodWidget"
@@ -53,12 +58,14 @@ import siteSubHeader from '@/iss-components/site-sub-header/site-sub-header.vue'
 import reviewDropdown from '@/layouts/payment-method/review-dropdown/review-dropdown.vue';
 import cartDropdown from '@/iss-components/cart-dropdown/cart-dropdown.vue';
 import paymentMethodQuestion from '@/layouts/payment-method/payment-method-question/payment-method-question.vue';
+import alert from '@/ux-components/alert/alert.vue';
 
 // Supporting Items
 import settleAllPromises from '@/helpers/layout-helper';
 import { useMainStore } from '@/store';
 import { fetchCmsContentForPage } from '@/helpers/cms-content-helper';
 import { paymentMethods } from '@/constants/payment-method-constants';
+import queryStrings from '@/constants/query-strings';
 import globalRules from '@/constants/global-rules';
 import { Form } from 'vee-validate';
 import issPageValues from '@/router/router-constants/issPage-values';
@@ -75,7 +82,8 @@ export default {
         siteFooter,
         reviewDropdown,
         cartDropdown,
-        paymentMethodQuestion
+        paymentMethodQuestion,
+        alert
     },
     mixins: [baseFormMixin],
     async beforeRouteEnter(to, from, next) {
@@ -155,6 +163,11 @@ export default {
         },
         paymentMethod() {
             return this.paymentMethodInternalModel;
+        },
+        displayPayInAdvanceAlert() {
+            return (
+                this.$route.query[queryStrings.DISPLAY_PAY_IN_ADVANCE_ALERT]
+            );
         }
     },
     watch: {