From b50e3b70f15b37f19e7ba4a40a98675462ccde42 Mon Sep 17 00:00:00 2001
From: hamid zarghami <hamid.zarghami1@gmail.com>
Date: Mon, 20 Oct 2025 15:47:36 +0330
Subject: [PATCH] order list

---
 src/pages/order/List.tsx | 95 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 95 insertions(+)

diff --git a/src/pages/order/List.tsx b/src/pages/order/List.tsx
index 2af3ea6..4f7c411 100644
--- a/src/pages/order/List.tsx
+++ b/src/pages/order/List.tsx
@@ -1,9 +1,104 @@
+import Filters from '@/components/Filters'
 import { type FC } from 'react'
+import Table from '@/components/Table'
+import { Edit2, Eye, Receipt21, Setting2 } from 'iconsax-react'
 
 const OrdersList: FC = () => {
     return (
         <div className='mt-5'>
             <h1 className='text-lg font-light'>سفارش ها</h1>
+
+            <div className='mt-8'>
+                <Filters
+                    fields={[
+                        {
+                            name: 'search',
+                            type: 'input',
+                            placeholder: 'جستجو',
+                        },
+                        {
+                            name: 'status',
+                            type: 'select',
+                            placeholder: 'وضعیت',
+                            options: [
+                                { label: 'درحال انتظار', value: 'pending' },
+                            ],
+                        },
+                        {
+                            name: 'date',
+                            type: 'date',
+                            placeholder: 'تاریخ',
+                        },
+                    ]}
+                    onChange={() => { }} />
+            </div>
+
+            <div className='mt-8'>
+                <Table
+                    columns={[
+                        {
+                            key: 'id',
+                            title: 'شماره',
+                        },
+                        {
+                            key: 'title',
+                            title: 'عنوان',
+                        },
+                        {
+                            key: 'customer',
+                            title: 'مشتری',
+                        },
+                        {
+                            key: 'date',
+                            title: 'تاریخ ایجاد ',
+                        },
+                        {
+                            key: 'type',
+                            title: 'نوع',
+                        },
+                        {
+                            key: 'designer',
+                            title: 'مجری / طراح',
+                        },
+                        {
+                            key: 'status',
+                            title: 'وضعیت',
+                            render: (item) => {
+                                return (
+                                    <div className='h-6 w-fit flex items-center bg-[#FFEDCA] text-[#FF7B00]  rounded-full px-2.5 text-xs'>
+                                        {item.status}
+                                    </div>
+                                )
+                            }
+                        },
+                        {
+                            key: 'actions',
+                            title: '',
+                            render: () => {
+                                return (
+                                    <div className='flex gap-2 items-center'>
+                                        <Eye size={20} color='#8C90A3' />
+                                        <Edit2 size={20} color='#0037FF' />
+                                        <Receipt21 size={20} color='#FF8000' />
+                                        <Setting2 size={20} color='#00B89F' />
+                                    </div>
+                                )
+                            }
+                        },
+                    ]}
+                    data={[
+                        {
+                            id: 1,
+                            title: 'سفارش 1',
+                            customer: 'مشتری 1',
+                            date: '2025/01/01',
+                            type: 'نوع 1',
+                            designer: 'مجری 1',
+                            status: 'درحال انتظار',
+                        }
+                    ]}
+                />
+            </div>
         </div>
     )
 }