From 2f9e24844a565d07015186a99286fcc3389e0137 Mon Sep 17 00:00:00 2001
From: Mamalizz-dev <mohammad.hosein.ghorbani82@gmail.com>
Date: Sat, 15 Nov 2025 12:51:30 +0330
Subject: [PATCH] added new special code discount input

---
 .../components/cart/global/CartSummary.vue    | 111 +++++++++---------
 frontend/components/cart/index/CartItem.vue   |  34 +++---
 2 files changed, 74 insertions(+), 71 deletions(-)

diff --git a/frontend/components/cart/global/CartSummary.vue b/frontend/components/cart/global/CartSummary.vue
index 90ece21..0ff89a7 100644
--- a/frontend/components/cart/global/CartSummary.vue
+++ b/frontend/components/cart/global/CartSummary.vue
@@ -27,9 +27,11 @@ const { mutateAsync: submitDiscountCode, isPending: submitDiscountCodeIsPending
 
 const { mutateAsync: deleteDiscountCode, isPending: deleteDiscountCodeIsPending } = useDeleteDiscountCode();
 
-const { mutateAsync: submitSpecialDiscountCode, isPending: submitSpecialDiscountCodeIsPending } = useSubmitSpecialDiscountCode();
+const { mutateAsync: submitSpecialDiscountCode, isPending: submitSpecialDiscountCodeIsPending } =
+    useSubmitSpecialDiscountCode();
 
-const { mutateAsync: deleteSpecialDiscountCode, isPending: deleteSpecialDiscountCodeIsPending } = useDeleteSpecialDiscountCode();
+const { mutateAsync: deleteSpecialDiscountCode, isPending: deleteSpecialDiscountCodeIsPending } =
+    useDeleteSpecialDiscountCode();
 
 const { mutateAsync: pay, isPending: paymentIsPending } = usePayOrder();
 
@@ -37,49 +39,49 @@ const { mutateAsync: pay, isPending: paymentIsPending } = usePayOrder();
 
 const nextPage = computed(() => route.meta.nextPage as { name: string; label: string; query?: string } | undefined);
 
-const hasSubmittedDiscountCode = computed(() => !!cart.value?.discount_code);
+// const hasSubmittedDiscountCode = computed(() => !!cart.value?.discount_code);
 
 const hasSubmittedSpecialDiscountCode = computed(() => !!cart.value?.special_discount_code);
 
 // methods
 
-const handleSubmitDiscountCode = () => {
-    submitDiscountCode(
-        { code: discountCode.value },
-        {
-            onSuccess: () => {
-                queryClient.invalidateQueries({ queryKey: [QUERY_KEYS.cart] });
-            },
-            onError: () => {
-                addToast({
-                    message: "خطایی در ثبت کد تخفیف رخ داد",
-                    options: {
-                        status: "error",
-                    },
-                });
-                discountCode.value = "";
-            },
-        }
-    );
-};
+// const handleSubmitDiscountCode = () => {
+//     submitDiscountCode(
+//         { code: discountCode.value },
+//         {
+//             onSuccess: () => {
+//                 queryClient.invalidateQueries({ queryKey: [QUERY_KEYS.cart] });
+//             },
+//             onError: () => {
+//                 addToast({
+//                     message: "خطایی در ثبت کد تخفیف رخ داد",
+//                     options: {
+//                         status: "error",
+//                     },
+//                 });
+//                 discountCode.value = "";
+//             },
+//         }
+//     );
+// };
 
-const handleDeleteDiscountCode = () => {
-    deleteDiscountCode(undefined, {
-        onSuccess: () => {
-            queryClient.invalidateQueries({ queryKey: [QUERY_KEYS.cart] });
-            discountCode.value = "";
-        },
-        onError: () => {
-            addToast({
-                message: "خطایی در حذف کد تخفیف رخ داد",
-                options: {
-                    status: "error",
-                },
-            });
-            discountCode.value = "";
-        },
-    });
-};
+// const handleDeleteDiscountCode = () => {
+//     deleteDiscountCode(undefined, {
+//         onSuccess: () => {
+//             queryClient.invalidateQueries({ queryKey: [QUERY_KEYS.cart] });
+//             discountCode.value = "";
+//         },
+//         onError: () => {
+//             addToast({
+//                 message: "خطایی در حذف کد تخفیف رخ داد",
+//                 options: {
+//                     status: "error",
+//                 },
+//             });
+//             discountCode.value = "";
+//         },
+//     });
+// };
 
 const handleSubmitSpecialDiscountCode = () => {
     submitSpecialDiscountCode(
@@ -204,9 +206,7 @@ watch(
                     {{ cart?.cart_total }}
                 </span>
             </div>
-            <div
-                class="flex items-center justify-between w-full text-gray-500"
-            >
+            <div class="flex items-center justify-between w-full text-gray-500">
                 <span class="max-w-1/2 text-sm"> تخفیف کلی محصولات: </span>
 
                 <span class="max-w-1/2 text-sm">
@@ -214,19 +214,19 @@ watch(
                 </span>
             </div>
 
-            <div
-                v-if="hasSubmittedDiscountCode"
+            <!-- <div
+                v-if="hasSubmittedSpecialDiscountCode"
                 class="flex items-center justify-between w-full text-status-error-primary text-red-700"
             >
                 <span class="max-w-1/2 text-sm"> تخفیف: </span>
 
                 <span class="max-w-1/2 text-sm">
-                    {{ cart?.discount_code.amount }}
+                    {{ cart?.special_discount_total }}
                 </span>
-            </div>
+            </div> -->
 
             <div
-                v-if="cart?.special_discount_total && cart.special_discount_total !== '0 تومان'"
+                v-if="!!cart?.special_discount_code"
                 class="flex items-center justify-between w-full text-green-700"
             >
                 <span class="max-w-1/2 text-sm"> تخفیف ویژه: </span>
@@ -242,7 +242,6 @@ watch(
                 <span class="max-w-1/2 text-sm"> {{ cart?.tax_amount }} </span>
             </div>
 
-
             <div class="flex items-center justify-between w-full text-slate-900">
                 <span class="max-w-1/2 text-sm"> جمع کل: </span>
 
@@ -253,13 +252,17 @@ watch(
 
             <div class="w-full flex justify-between">
                 <Input
-                    v-model="discountCode"
+                    v-model="specialDiscountCode"
                     placeholder="کد تخفیف"
                     class="!py-3 !pe-2 ps-2.5 w-full !rounded-none !border-e-[0px] !rounded-s-100"
-                    :disabled="hasSubmittedDiscountCode"
+                    :disabled="hasSubmittedSpecialDiscountCode"
                 />
                 <button
-                    @click="hasSubmittedDiscountCode ? handleDeleteDiscountCode() : handleSubmitDiscountCode()"
+                    @click="
+                        hasSubmittedSpecialDiscountCode
+                            ? handleDeleteSpecialDiscountCode()
+                            : handleSubmitSpecialDiscountCode()
+                    "
                     class="text-xs px-5 rounded-e-100 py-1.5 text-white bg-black hover:bg-transparent hover:text-black border-[1.5px] border-black hover:border-black transition-all disabled:cursor-not-allowed"
                     :disabled="!discountCode.length || submitDiscountCodeIsPending || deleteDiscountCodeIsPending"
                 >
@@ -270,12 +273,12 @@ watch(
                         class="**:fill-white"
                     />
                     <span v-else>
-                        {{ hasSubmittedDiscountCode ? "حذف" : "ثبت" }}
+                        {{ hasSubmittedSpecialDiscountCode ? "حذف" : "ثبت" }}
                     </span>
                 </button>
             </div>
 
-            <div class="w-full flex justify-between">
+            <!-- <div class="w-full flex justify-between">
                 <Input
                     v-model="specialDiscountCode"
                     placeholder="کد تخفیف ویژه"
@@ -297,7 +300,7 @@ watch(
                         {{ hasSubmittedSpecialDiscountCode ? "حذف" : "ثبت" }}
                     </span>
                 </button>
-            </div>
+            </div> -->
 
             <Button
                 v-if="nextPage?.name == 'payment'"
diff --git a/frontend/components/cart/index/CartItem.vue b/frontend/components/cart/index/CartItem.vue
index 1331847..7e8c29c 100644
--- a/frontend/components/cart/index/CartItem.vue
+++ b/frontend/components/cart/index/CartItem.vue
@@ -139,16 +139,21 @@ watch(
                     <span class="font-semibold typo-sub-h-xs lg:typo-sub-h-sm text-slate-600">
                         {{ data.product.category }}
                     </span>
-                    <div
-                        v-if="data.discount > 0"
-                        class="text-white bg-blue-500 px-3 lg:px-4 py-1.5 lg:py-2 text-[10px] lg:text-xs rounded-full flex items-center gap-1"
-                    >
-                        <Icon
-                            name="bi:percent"
-                            class="size-4"
-                        />
-                        {{ data.discount }}
-                        تخفیف
+                    <div class="w-max flex-center gap-2">
+                        <div
+                            v-if="data.discount > 0"
+                            class="text-white bg-blue-500 px-3 lg:px-4 py-1.5 lg:py-2 text-[10px] lg:text-xs rounded-full flex items-center gap-1"
+                        >
+                            {{ data.discount_amount }}
+                            تخفیف
+                        </div>
+                        <div
+                            v-if="!!data.special_discount_amount"
+                            class="text-white bg-green-600 px-3 lg:px-4 py-1.5 lg:py-2 text-[10px] lg:text-xs rounded-full flex items-center gap-1"
+                        >
+                            {{ data.special_discount_amount }}
+                            تخفیف ویژه
+                        </div>
                     </div>
                 </div>
 
@@ -239,12 +244,7 @@ watch(
                             >
                                 {{ data.price }}
                             </span>
-                            <span
-                                v-if="data.special_discount_amount"
-                                class="typo-p-xs text-green-600 font-medium"
-                            >
-                                تخفیف ویژه: {{ data.special_discount_amount }}
-                            </span>
+
                             <span class="typo-p-xl relative flex-center w-fit font-medium">
                                 {{ data.final_price }}
                             </span>
@@ -310,7 +310,7 @@ watch(
                     {{ data.price }}
                 </span>
                 <span
-                    v-if="data.special_discount_amount && data.special_discount_amount !== '0 تومان'"
+                    v-if="!!data.special_discount_amount"
                     class="text-[10px] text-green-600 font-medium"
                 >
                     تخفیف ویژه: {{ data.special_discount_amount }}