From 5e2a07df2f3406c8083bf6eb4fa07f85486091a7 Mon Sep 17 00:00:00 2001
From: Chloe Herd <chloe.herd@safelite.com>
Date: Tue, 17 Oct 2023 10:08:34 -0400
Subject: [PATCH] Add subheader when pia disabled

---
 src/layouts/payment-method/payment-method.vue | 21 ++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/layouts/payment-method/payment-method.vue b/src/layouts/payment-method/payment-method.vue
index 071af5138..1136353d4 100644
--- a/src/layouts/payment-method/payment-method.vue
+++ b/src/layouts/payment-method/payment-method.vue
@@ -13,7 +13,16 @@
                         cmsWidgetName="VehicleBannerWidget"
                         :displayGenericVehicleImage="false" />
 
-                    <funnelSubHeader class="mb-5" cmsWidgetName="FunnelSubHeaderWidget" />
+                    <funnelSubHeader
+                        class="mb-5"
+                        cmsWidgetName="FunnelSubHeaderWidget"
+                        leftAlignHeader />
+
+                    <p v-if="isPiaDisabled" class="fw-normal no-pia-disclaimer">
+                        <span>{{ noPiaDisclaimer }}</span>
+                    </p>
+
+                    <hr />
 
                     <cart
                         :damage="damageInfo"
@@ -334,6 +343,9 @@ export default {
             // console.log("this.$store.getters.damage ", this.$store.getters.damage)
             return this.$store.getters.damage;
         },
+        noPiaDisclaimer() {
+            return this.getCmsContent("NoPiaDisclaimerWidget", "Text");
+        },
         customCtaCopy() {
             switch (this.paymentMethod) {
                 case paymentMethods.CREDIT_CARD:
@@ -382,3 +394,10 @@ export default {
     },
 };
 </script>
+
+<style lang="scss" scoped>
+.no-pia-disclaimer {
+    color: $gray-550;
+    margin: 0;
+}
+</style>