From e4cdc59bc9a9690062ba6c33691912133bdfbae4 Mon Sep 17 00:00:00 2001
From: Katie Kroell <Katie.Kroell@safelite.com>
Date: Tue, 16 Apr 2024 11:59:32 -0400
Subject: [PATCH] add amount paid to cart for PIA

---
 .../cart-dropdown/cart-dropdown.vue              | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/src/iss-components/cart-dropdown/cart-dropdown.vue b/src/iss-components/cart-dropdown/cart-dropdown.vue
index aa422d5f..a7c1581d 100644
--- a/src/iss-components/cart-dropdown/cart-dropdown.vue
+++ b/src/iss-components/cart-dropdown/cart-dropdown.vue
@@ -123,6 +123,13 @@
                             <span id="sales-tax-label">{{ salesTaxLabel }}</span>
                             <span id="sales-tax-value">{{ formatAmountInDollars(salesTax) }}</span>
                         </div>
+                        <div
+                            v-if="showAsPaid"
+                            id="amount-paid"
+                            class="pt-1 col d-flex justify-content-between">
+                            <span id="amount-paid-label">{{ amountPaidLabel }}</span>
+                            <span if="amount-paid-value">{{ getDisplayed(amountPaid) }}</span>
+                        </div>
                     </div>
                     <div
                         id="bottom-amount-due"
@@ -177,6 +184,7 @@ export default {
             isExpanded: false,
             widget: {
                 amountDue: 'AmountDueTextWidget',
+                amountPaid: 'AmountPaidTextWidget',
                 deductible: 'DeductibleWidget',
                 basePrice: 'BasePriceWidget',
                 subtotal: 'SubtotalWidget',
@@ -278,6 +286,11 @@ export default {
                 ? 0
                 : this.subTotal + this.salesTax;
         },
+        amountPaid() {
+            return !this.showAsPaid
+                ? 0
+                : this.subTotal + this.salesTax;
+        },
         availableLineItems() {
             const { supportingItems, glassParts, otherParts, mobileFee } = this.lineItems;
             const result = [
@@ -370,6 +383,9 @@ export default {
         amountDueLabel() {
             return this.getCmsContent(this.widget.amountDue, widgetFields.TEXT_BLOCK_WIDGET.TEXT);
         },
+        amountPaidLabel() {
+            return this.getCmsContent(this.widget.amountPaid, widgetFields.TEXT_BLOCK_WIDGET.TEXT);
+        },
         deductibleLabel() {
             return this.getCmsContent(this.widget.deductible, widgetFields.TEXT_BLOCK_WIDGET.TEXT);
         },