From f208ae0c6575e414a11335d1a914d9c2697729d7 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Tue, 12 Sep 2023 16:57:20 -0400
Subject: [PATCH] WIP

---
 src/fmg-components/cart/cart.vue | 76 ++++++++++++++------------------
 1 file changed, 34 insertions(+), 42 deletions(-)

diff --git a/src/fmg-components/cart/cart.vue b/src/fmg-components/cart/cart.vue
index dd1e87c82..3c0b31f2b 100644
--- a/src/fmg-components/cart/cart.vue
+++ b/src/fmg-components/cart/cart.vue
@@ -14,10 +14,14 @@
                 <div class="service-type" :class="{ packageWithVAPS: packageWithVAPS }">
                     <textBlock :cmsWidgetName="packageNameWidget" /><span>{{ packagePrice }}</span>
                 </div>
-                <div class="vaps" v-for="(lineItem, i) in cartLineItems" :key="i">
+                <div class="vaps" v-for="(lineItem, i) in displayedPackageLineItems" :key="i">
                     <span>{{ lineItem.name }}</span>
                     <span><a href="#">Remove</a></span>
-                    <span v-if="!lineItem.isPartOfPackage">{{ lineItem.price }}</span>
+                </div>
+                <div class="vaps" v-for="(lineItem, i) in displayedNonPackageLineItems" :key="i">
+                    <span>{{ lineItem.name }}</span>
+                    <span><a href="#">Remove</a></span>
+                    <span>{{ lineItem.price }}</span>
                 </div>
                 <div v-if="hasRecycleLineItem">
                     <span>{{ recycleLabel }}</span
@@ -153,52 +157,40 @@ export default {
             return packagePriceString;
             // return (packagePriceString.length > 0) ? packagePriceString : "Test String";
         },
-        packageLineItems() {
-            return this.getVapsLineItemsForSelectedPackage(this.packageLevel);
+        displayedPackageLineItems() {
+            const displayedPackageLineItems = [];
+            const packageLineItems = this.getVapsLineItemsForSelectedPackage(this.packageLevel);
+
+            packageLineItems?.forEach((item) => {
+                let price = item.sellingPrice + item.kitPrice + item.laborAmount;
+                const packageLineItem = {
+                    name: item.partType,
+                    price: "$" + parseFloat(price).toFixed(2),
+                    partType: item.partType,
+                };
+                displayedPackageLineItems.push(packageLineItem);
+            });
+            console.log("What displayedPackageLineItems is", packageLineItems);
+            return displayedPackageLineItems;
         },
-        cartLineItems() {
-            const cartLineItems = [];
-            console.log("Package VAPS", this.packageLineItems);
-            console.log("available line items", this.availableLineItems);
+        displayedNonPackageLineItems() {
+            const displayedNonPackageLineItems = [];
 
             this.availableLineItems?.forEach((item) => {
                 let price = item.sellingPrice + item.kitPrice + item.laborAmount;
-                const indexFound = this.packageLineItems.findIndex((packageLineItem) => {
+                const indexFound = this.displayedPackageLineItems?.findIndex((packageLineItem) => {
                     return packageLineItem.partType === item.partType;
                 });
-                const cartLineItem = {
-                    name: item.partType,
-                    price: "$" + parseFloat(price).toFixed(2),
-                    isPartOfPackage: indexFound > -1 ? true : false
-                };
-                cartLineItems.push(cartLineItem);
+                if (indexFound === -1) {
+                    const nonPackageLineItem = {
+                        name: item.partType,
+                        price: "$" + parseFloat(price).toFixed(2),
+                        partType: item.partType,
+                    };
+                    displayedNonPackageLineItems.push(nonPackageLineItem);
+                }
             });
-
-            //return vaps;
-            // return [
-            //     {
-            //         name: "Front wiper blades",
-            //         price: "$10",
-            //         isPartOfPackage: false,
-            //     },
-            //     {
-            //         name: "Rear wiper blades",
-            //         price: "$15",
-            //         isPartOfPackage: false,
-            //     },
-            //     {
-            //         name: "Rain Defense",
-            //         price: "$20",
-            //         isPartOfPackage: false,
-            //     },
-            //     {
-            //         name: "Mobile service",
-            //         price: "$50",
-            //         isPartOfPackage: false,
-            //     },
-            // ];
-            console.log("CartLineItems",cartLineItems);
-            return cartLineItems;
+            return displayedNonPackageLineItems;
         },
         glassToReplace() {
             return this.damage.glassToReplace;
@@ -324,7 +316,7 @@ export default {
             transform: rotate(180deg);
         }
         &.active + .price-table {
-            max-height: 450px;
+            max-height: 650px;
             transition: all 350ms ease-in;
             overflow: hidden;
         }