From b4e76cf734085355fb518f5fb4335557799c2fed Mon Sep 17 00:00:00 2001
From: Josh Dassinger <Joshua.Dassinger@safelite.com>
Date: Mon, 22 Apr 2024 13:48:14 -0500
Subject: [PATCH] SSR-1184 Payment Page Cart Bug Fixes

Fixed Cart not showing for after pay
Added Cart Header to payment page
Added <hr> tags around the cart like FMG payment page
Moved cart above back button like FMG payment page
---
 src/layouts/payment-page/payment-page.vue | 23 ++++++++++++++---------
 1 file changed, 14 insertions(+), 9 deletions(-)

diff --git a/src/layouts/payment-page/payment-page.vue b/src/layouts/payment-page/payment-page.vue
index a79244cd..cdfe21d1 100644
--- a/src/layouts/payment-page/payment-page.vue
+++ b/src/layouts/payment-page/payment-page.vue
@@ -37,6 +37,17 @@
                         </iframe>
                     </div>
 
+                    <div v-if="isCreditCard || isAfterPay" class="px-2">
+                        <hr class="my-0">
+                        <cartDropdown
+                            :readOnly="true"
+                            :showDropdownHeader="true"
+                            :isInitiallyExpanded="true"
+                            recyclingModalCmsWidgetName="RecycleModal"
+                            servicePackageTitleWidgetName="ServicePackageTitle" />
+                        <hr class="my-0">
+                    </div>
+
                     <siteFooter
                         ref="siteFooter"
                         cmsWidgetName="SiteFooterWidget"
@@ -44,15 +55,6 @@
                         :isForwardButtonHidden="true"
                         @ForwardClicked="forwardButtonAction"
                         @backClicked="backButtonAction" />
-
-                    <div v-if="isCreditCard" class="px-2">
-                        <cartDropdown
-                            :readOnly="true"
-                            :showDropdownHeader="false"
-                            :isInitiallyExpanded="true"
-                            recyclingModalCmsWidgetName="RecycleModal"
-                            servicePackageTitleWidgetName="ServicePackageTitle" />
-                    </div>
                 </div>
             </div>
             <div
@@ -375,6 +377,9 @@ export default {
         isCreditCard() {
             return this.paymentType === hopPaymentMethods.CREDIT_CARD;
         },
+        isAfterPay() {
+            return this.paymentType === hopPaymentMethods.AFTERPAY;
+        },
         displayPayInAdvanceCreditCardAlert() {
             return this.displayPayInAdvanceAlert(paymentMethods.CREDIT_CARD);
         },