From d52ff4f07e2d9b591c73a84ec28155bafa91ed50 Mon Sep 17 00:00:00 2001
From: hamid zarghami <hamid.zarghami1@gmail.com>
Date: Wed, 1 Jul 2026 12:28:51 +0330
Subject: [PATCH] discountAmount and packingFee in create order admin

---
 .../orders/components/CreateOrderSidebar.tsx  | 80 ++++++++++++++++---
 src/pages/orders/hooks/useCreateOrderForm.ts  | 23 +++++-
 src/pages/orders/types/Types.ts               |  2 +
 3 files changed, 93 insertions(+), 12 deletions(-)

diff --git a/src/pages/orders/components/CreateOrderSidebar.tsx b/src/pages/orders/components/CreateOrderSidebar.tsx
index b3bca76..dfa9936 100644
--- a/src/pages/orders/components/CreateOrderSidebar.tsx
+++ b/src/pages/orders/components/CreateOrderSidebar.tsx
@@ -29,6 +29,8 @@ interface OrderSummaryData {
     } | null>
     subTotal: number
     deliveryFee: number
+    packingFee: number
+    discountAmount: number
     total: number
     totalItems: number
 }
@@ -129,7 +131,7 @@ const CreateOrderSidebar: FC<CreateOrderSidebarProps> = ({
 
     return (
         <>
-            <div className='bg-white rounded-4xl p-5 flex-1 min-h-0 flex flex-col h-full'>
+            <div className='bg-white rounded-4xl p-4 flex-1 min-h-0 flex flex-col h-full'>
                 <div className='flex items-center justify-between flex-shrink-0'>
                     <div className='flex items-center gap-2 text-sm font-light'>
                         <ShoppingCart size={18} color='#000' />
@@ -143,12 +145,12 @@ const CreateOrderSidebar: FC<CreateOrderSidebarProps> = ({
                 </div>
 
                 {(customerName || formik.values.userPhone) && (
-                    <div className='mt-3 p-3 bg-[#F8F9FC] rounded-xl flex-shrink-0'>
-                        <div className='text-xs font-medium truncate'>
+                    <div className='mt-2 p-2.5 bg-[#F8F9FC] rounded-xl flex-shrink-0'>
+                        <div className='text-[11px] font-medium truncate'>
                             {customerName || 'مشتری'}
                         </div>
                         {formik.values.userPhone && (
-                            <div className='text-[11px] text-description mt-0.5'>
+                            <div className='text-[10px] text-description mt-0.5'>
                                 {formik.values.userPhone}
                             </div>
                         )}
@@ -158,7 +160,7 @@ const CreateOrderSidebar: FC<CreateOrderSidebarProps> = ({
                 <button
                     type='button'
                     onClick={() => setIsDeliveryModalOpen(true)}
-                    className={`mt-3 w-full text-right p-3 rounded-xl border transition-colors flex-shrink-0 ${
+                    className={`mt-2 w-full text-right p-2.5 rounded-xl border transition-colors flex-shrink-0 ${
                         isDeliverySelected && isPaymentSelected
                             ? 'border-border hover:border-primary/40 hover:bg-[#F8F9FC]'
                             : 'border-dashed border-primary/50 bg-primary/5 hover:bg-primary/10'
@@ -178,7 +180,7 @@ const CreateOrderSidebar: FC<CreateOrderSidebarProps> = ({
                         </p>
                     ) : null}
 
-                    <div className='mt-2 space-y-2'>
+                    <div className='mt-1.5 space-y-1.5'>
                         <div className='flex items-center gap-2 text-xs'>
                             <Truck size={15} color='#8C90A3' className='flex-shrink-0' />
                             <span
@@ -221,8 +223,8 @@ const CreateOrderSidebar: FC<CreateOrderSidebarProps> = ({
                     </div>
                 </button>
 
-                <div className='mt-4 pt-3 border-t border-border border-dashed flex-1 min-h-0 flex flex-col'>
-                    <div className='text-xs text-description mb-2 flex-shrink-0'>سبد سفارش</div>
+                <div className='mt-3 pt-2.5 border-t border-border border-dashed flex-1 min-h-0 flex flex-col'>
+                    <div className='text-xs text-description mb-1.5 flex-shrink-0'>سبد سفارش</div>
 
                     <div className='flex-1 min-h-0 overflow-y-auto relative'>
                         {orderSummary.lineItems.length === 0 ? (
@@ -233,7 +235,7 @@ const CreateOrderSidebar: FC<CreateOrderSidebarProps> = ({
                                 </div>
                             </div>
                         ) : (
-                            <div className='space-y-2.5 pb-2'>
+                            <div className='space-y-2 pb-2'>
                                 {orderSummary.lineItems.map((item) => {
                                     if (!item) return null
                                     return (
@@ -319,7 +321,51 @@ const CreateOrderSidebar: FC<CreateOrderSidebarProps> = ({
                         )}
                     </div>
 
-                    <div className='mt-3 space-y-2 text-xs pt-3 border-t border-border flex-shrink-0'>
+                    <div className='mt-2 space-y-2 text-xs pt-2.5 border-t border-border flex-shrink-0'>
+                        <div className='grid grid-cols-2 gap-2.5 mb-2'>
+                            <div>
+                                <div className='text-xs mb-1.5'>
+                                    <span className='font-medium'>هزینه بسته‌بندی</span>
+                                    <span className='text-description mr-1'>(اختیاری)</span>
+                                </div>
+                                <input
+                                    name='packingFee'
+                                    type='number'
+                                    inputMode='numeric'
+                                    min={0}
+                                    placeholder='تومان'
+                                    className='w-full h-10 rounded-xl border border-border px-3 text-sm outline-none focus:border-primary'
+                                    value={formik.values.packingFee || ''}
+                                    onChange={(e) =>
+                                        formik.setFieldValue(
+                                            'packingFee',
+                                            Math.max(Number(e.target.value) || 0, 0)
+                                        )
+                                    }
+                                />
+                            </div>
+                            <div>
+                                <div className='text-xs mb-1.5'>
+                                    <span className='font-medium'>تخفیف مبلغی</span>
+                                    <span className='text-description mr-1'>(اختیاری)</span>
+                                </div>
+                                <input
+                                    name='discountAmount'
+                                    type='number'
+                                    inputMode='numeric'
+                                    min={0}
+                                    placeholder='تومان'
+                                    className='w-full h-10 rounded-xl border border-border px-3 text-sm outline-none focus:border-primary'
+                                    value={formik.values.discountAmount || ''}
+                                    onChange={(e) =>
+                                        formik.setFieldValue(
+                                            'discountAmount',
+                                            Math.max(Number(e.target.value) || 0, 0)
+                                        )
+                                    }
+                                />
+                            </div>
+                        </div>
                         <div className='flex justify-between'>
                             <span className='text-description'>جمع آیتم‌ها</span>
                             <span>{formatPrice(orderSummary.subTotal)}</span>
@@ -330,6 +376,20 @@ const CreateOrderSidebar: FC<CreateOrderSidebarProps> = ({
                                 <span>{formatPrice(orderSummary.deliveryFee)}</span>
                             </div>
                         )}
+                        {orderSummary.packingFee > 0 && (
+                            <div className='flex justify-between'>
+                                <span className='text-description'>هزینه بسته‌بندی</span>
+                                <span>{formatPrice(orderSummary.packingFee)}</span>
+                            </div>
+                        )}
+                        {orderSummary.discountAmount > 0 && (
+                            <div className='flex justify-between'>
+                                <span className='text-description'>تخفیف</span>
+                                <span className='text-green-600'>
+                                    -{formatPrice(orderSummary.discountAmount)}
+                                </span>
+                            </div>
+                        )}
                         <div className='flex justify-between font-bold text-sm pt-2 border-t-2 border-gray-200'>
                             <span>جمع کل</span>
                             <span>{formatPrice(orderSummary.total)}</span>
diff --git a/src/pages/orders/hooks/useCreateOrderForm.ts b/src/pages/orders/hooks/useCreateOrderForm.ts
index c662e77..801ad4d 100644
--- a/src/pages/orders/hooks/useCreateOrderForm.ts
+++ b/src/pages/orders/hooks/useCreateOrderForm.ts
@@ -33,6 +33,8 @@ export interface CreateOrderFormValues {
     items: CreateOrderItem[]
     deliveryMethodId: string
     paymentMethodId: string
+    discountAmount: number
+    packingFee: number
     description: string
     tableNumber: string
     userAddress: CreateOrderUserAddress
@@ -97,6 +99,8 @@ export const useCreateOrderForm = () => {
             items: [],
             deliveryMethodId: '',
             paymentMethodId: '',
+            discountAmount: 0,
+            packingFee: 0,
             description: '',
             tableNumber: '',
             userAddress: emptyUserAddress(),
@@ -117,6 +121,8 @@ export const useCreateOrderForm = () => {
                     })
                 )
                 .min(1, 'حداقل یک آیتم الزامی است'),
+            discountAmount: Yup.number().min(0, 'تخفیف نمی‌تواند منفی باشد'),
+            packingFee: Yup.number().min(0, 'هزینه بسته‌بندی نمی‌تواند منفی باشد'),
         }),
         onSubmit: async (values) => {
             const selectedDelivery = deliveryMethods.find(
@@ -160,6 +166,8 @@ export const useCreateOrderForm = () => {
                     items: values.items,
                     deliveryMethodId: values.deliveryMethodId,
                     paymentMethodId: values.paymentMethodId,
+                    discountAmount: values.discountAmount || 0,
+                    packingFee: values.packingFee || 0,
                 }
 
                 if (values.description.trim()) {
@@ -383,16 +391,27 @@ export const useCreateOrderForm = () => {
 
         const subTotal = lineItems.reduce((sum, item) => sum + (item?.totalPrice || 0), 0)
         const deliveryFee = selectedDeliveryMethod?.deliveryFee || 0
+        const packingFee = formik.values.packingFee || 0
+        const discountAmount = formik.values.discountAmount || 0
         const totalItems = lineItems.reduce((sum, item) => sum + (item?.quantity || 0), 0)
+        const total = Math.max(subTotal + deliveryFee + packingFee - discountAmount, 0)
 
         return {
             lineItems,
             subTotal,
             deliveryFee,
-            total: subTotal + deliveryFee,
+            packingFee,
+            discountAmount,
+            total,
             totalItems,
         }
-    }, [formik.values.items, foodsMap, selectedDeliveryMethod])
+    }, [
+        formik.values.items,
+        formik.values.packingFee,
+        formik.values.discountAmount,
+        foodsMap,
+        selectedDeliveryMethod,
+    ])
 
     const addFoodToOrder = (foodId: string) => {
         const existingIndex = formik.values.items.findIndex((item) => item.foodId === foodId)
diff --git a/src/pages/orders/types/Types.ts b/src/pages/orders/types/Types.ts
index a5aef65..0b409bb 100644
--- a/src/pages/orders/types/Types.ts
+++ b/src/pages/orders/types/Types.ts
@@ -269,6 +269,8 @@ export interface CreateOrderType {
   items: CreateOrderItem[];
   deliveryMethodId: string;
   paymentMethodId: string;
+  discountAmount: number;
+  packingFee: number;
   description?: string;
   tableNumber?: string;
   addressId?: string;