From 825f4059fcf217d52c38917b1d20d34d5899f815 Mon Sep 17 00:00:00 2001
From: marzban-dev <marzban.dev@gmail.com>
Date: Tue, 28 Jan 2025 19:50:48 +0330
Subject: [PATCH 01/30] Add animate.css

---
 frontend/package-lock.json | 7 +++++++
 frontend/package.json      | 1 +
 2 files changed, 8 insertions(+)

diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 0f47a9a..2fb8544 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -16,6 +16,7 @@
         "@vuelidate/validators": "^2.0.4",
         "@vueuse/integrations": "^12.4.0",
         "@vueuse/nuxt": "^12.3.0",
+        "animate.css": "^4.1.1",
         "axios": "^1.7.9",
         "fast-average-color": "^9.4.0",
         "gsap": "^3.12.5",
@@ -3685,6 +3686,12 @@
         "node": ">= 6.0.0"
       }
     },
+    "node_modules/animate.css": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/animate.css/-/animate.css-4.1.1.tgz",
+      "integrity": "sha512-+mRmCTv6SbCmtYJCN4faJMNFVNN5EuCTTprDTAo7YzIGji2KADmakjVA3+8mVDkZ2Bf09vayB35lSQIex2+QaQ==",
+      "license": "MIT"
+    },
     "node_modules/ansi-colors": {
       "version": "4.1.3",
       "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.3.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index 62449d0..5fada15 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -21,6 +21,7 @@
     "@vuelidate/validators": "^2.0.4",
     "@vueuse/integrations": "^12.4.0",
     "@vueuse/nuxt": "^12.3.0",
+    "animate.css": "^4.1.1",
     "axios": "^1.7.9",
     "fast-average-color": "^9.4.0",
     "gsap": "^3.12.5",

From 532ad4ebf192d406157b49bc74c70710e23783c7 Mon Sep 17 00:00:00 2001
From: marzban-dev <marzban.dev@gmail.com>
Date: Tue, 28 Jan 2025 19:51:04 +0330
Subject: [PATCH 02/30] Add page transitions

---
 frontend/nuxt.config.ts | 40 +++++++++++++++++++++++++---------------
 1 file changed, 25 insertions(+), 15 deletions(-)

diff --git a/frontend/nuxt.config.ts b/frontend/nuxt.config.ts
index 385145b..92ea721 100644
--- a/frontend/nuxt.config.ts
+++ b/frontend/nuxt.config.ts
@@ -3,24 +3,34 @@ export default defineNuxtConfig({
     compatibilityDate: "2024-11-01",
     ssr: true,
     devtools: { enabled: true },
-    css: ["~/assets/css/tailwind.css", "swiper/css"],
+    css: ["~/assets/css/tailwind.css", "swiper/css", "animate.css/animate.min.css"],
 
     routeRules: {
-        "/products": { prerender: false, ssr: false },
+        "/products": { prerender: false, ssr: false }
+    },
+
+    app: {
+        pageTransition: {
+            enterActiveClass:
+                "animate__animated animate__fadeIn animate__faster",
+            leaveActiveClass:
+                "animate__animated animate__fadeOut animate__faster",
+            mode: "out-in"
+        }
     },
 
     postcss: {
         plugins: {
             "@tailwindcss/postcss": {},
-            autoprefixer: {},
-        },
+            autoprefixer: {}
+        }
     },
 
     components: [
         {
             path: "~/components",
-            pathPrefix: false,
-        },
+            pathPrefix: false
+        }
     ],
 
     icon: {
@@ -28,9 +38,9 @@ export default defineNuxtConfig({
         customCollections: [
             {
                 prefix: "ci",
-                dir: "./public/icons",
-            },
-        ],
+                dir: "./public/icons"
+            }
+        ]
     },
 
     modules: [
@@ -41,9 +51,9 @@ export default defineNuxtConfig({
                     "DM Sans": "100..900",
                     Inter: "100..900",
                     download: true,
-                    inject: false,
-                },
-            },
+                    inject: false
+                }
+            }
         ],
         "@nuxt/icon",
         "reka-ui/nuxt",
@@ -53,7 +63,7 @@ export default defineNuxtConfig({
 
     runtimeConfig: {
         public: {
-            API_BASE_URL: "https://api.heymlz.com",
-        },
-    },
+            API_BASE_URL: "https://api.heymlz.com"
+        }
+    }
 });

From d65d3bd907075b13006f257316a98076edccf72c Mon Sep 17 00:00:00 2001
From: marzban-dev <marzban.dev@gmail.com>
Date: Tue, 28 Jan 2025 19:51:29 +0330
Subject: [PATCH 03/30] Update types

---
 frontend/types/global.d.ts | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/frontend/types/global.d.ts b/frontend/types/global.d.ts
index 147e603..3100cff 100644
--- a/frontend/types/global.d.ts
+++ b/frontend/types/global.d.ts
@@ -51,9 +51,21 @@ declare global {
         meta_title: string;
         meta_description: string;
         parent: number;
-        children: "string";
+        "product_count": string,
+        "subcategorys": SubCategory[]
     };
 
+    type SubCategory = {
+        "id": number,
+        "name": string,
+        "slug": string,
+        "icon": string,
+        "meta_title": string,
+        "meta_description": string,
+        "product_count": string,
+        "show": boolean
+    }
+
     type Address = {
         id: number;
         province: string;

From 1355a776fa813b1e5acf19520f8cbdf69cf643f4 Mon Sep 17 00:00:00 2001
From: marzban-dev <marzban.dev@gmail.com>
Date: Tue, 28 Jan 2025 19:54:22 +0330
Subject: [PATCH 04/30] Updated

---
 frontend/pages/category.vue | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/frontend/pages/category.vue b/frontend/pages/category.vue
index 218cae3..56ffa91 100644
--- a/frontend/pages/category.vue
+++ b/frontend/pages/category.vue
@@ -15,17 +15,18 @@ const debouncedSearch = refDebounced(search, 300);
 
 const filteredCategories = computed(() => {
     if (debouncedSearch.value.length > 0) {
-        return categories.value!.filter((cat) =>
+        return categories.value?.filter((cat) =>
             cat.name.includes(debouncedSearch.value)
         );
     }
 
-    return categories.value!;
+    return categories.value;
 });
 
-// lifecycle
+// ssr
+
+await useAsyncData(async () => {
 
-onServerPrefetch(async () => {
     const response = await suspense();
 
     if (response.isError) {
@@ -34,7 +35,8 @@ onServerPrefetch(async () => {
             statusMessage: `Error in categories page prefetch`,
         });
     }
-});
+})
+
 </script>
 
 <template>
@@ -42,7 +44,7 @@ onServerPrefetch(async () => {
         <div class="py-[5rem] flex gap-6 justify-between items-center">
             <span class="typo-h-3 text-black">دسته بندی ها</span>
             <Input
-                class="max-w-[400px] w-full"
+                class="max-w-[400px] w-full rounded-full"
                 variant="outlined"
                 placeholder="جستجو..."
                 v-model="search"
@@ -60,7 +62,7 @@ onServerPrefetch(async () => {
         </div>
         <Transition name="fade" mode="out-in">
             <div
-                v-if="filteredCategories.length !== 0"
+                v-if="filteredCategories?.length !== 0"
                 v-auto-animate
                 class="grid grid-cols-3 gap-4 w-full mt-12"
             >
@@ -69,7 +71,7 @@ onServerPrefetch(async () => {
                     :key="category.id"
                     :id="category.id"
                     :category="category.name"
-                    picture="/img/product-1.jpg"
+                    :picture="category.icon"
                     :count="20"
                     description="یک دسته بندی تستasdasd"
                     dark-layer

From c09b86f9ebf68f7170c76e386d6100c41222cf1b Mon Sep 17 00:00:00 2001
From: marzban-dev <marzban.dev@gmail.com>
Date: Tue, 28 Jan 2025 19:54:26 +0330
Subject: [PATCH 05/30] Updated

---
 frontend/pages/index.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/pages/index.vue b/frontend/pages/index.vue
index 7506064..6431c26 100644
--- a/frontend/pages/index.vue
+++ b/frontend/pages/index.vue
@@ -8,9 +8,9 @@ import useHomeData from "~/composables/api/home/useHomeData";
 
 const { suspense } = useHomeData();
 
-// lifecycle
+// ssr
 
-onServerPrefetch(async () => {
+await useAsyncData(async () => {
     const response = await suspense();
 
     if (response.isError) {

From 4a0dd789c8e5df624afcb0fe6ac1acc6dc50c75f Mon Sep 17 00:00:00 2001
From: marzban-dev <marzban.dev@gmail.com>
Date: Tue, 28 Jan 2025 19:54:29 +0330
Subject: [PATCH 06/30] Updated

---
 frontend/pages/products.vue | 29 +++++++++++++++++++++--------
 1 file changed, 21 insertions(+), 8 deletions(-)

diff --git a/frontend/pages/products.vue b/frontend/pages/products.vue
index f6bf05e..3050e6c 100644
--- a/frontend/pages/products.vue
+++ b/frontend/pages/products.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+
 // import
 
 import useGetProducts, {
@@ -65,15 +66,26 @@ watch(
                     <span>/</span>
                     <span>همه</span>
                 </div> -->
-                <h1 class="typo-h-3">همه محصولات</h1>
+                <h1 class="typo-h-3">لیست محصولات</h1>
             </div>
 
             <div class="w-full flex items-center justify-end gap-4">
                 <Input
                     placeholder="جست و جو محصول ..."
                     v-model="search"
-                    class="bg-slate-50 !border-slate-200 hover:border-slate-300 focus:!border-slate-800 !rounded-full w-8/12"
-                />
+                    variant="outlined"
+                    class="rounded-full w-8/12"
+                >
+                    <template #endItem>
+                        <div class="flex items-center gap-1">
+                            <Icon
+                                class="translate-y-[-1px]"
+                                name="ci:search"
+                                size="24"
+                            />
+                        </div>
+                    </template>
+                </Input>
                 <FilterButton />
             </div>
         </div>
@@ -101,17 +113,18 @@ watch(
             <ul v-else class="w-full grid grid-cols-3 gap-[1.5rem]">
                 <li v-for="(product, index) in products" :key="index">
                     <ProductCard
-                        brand="Samsung"
+                        :id="product.id"
+                        brand="برند محصول"
                         :title="product.name"
-                        picture="/assets/img/product-1.jpg"
-                        :colors="['#0000ff', '#00ff00', 'red']"
+                        :picture="product.image1"
+                        :colors="['white', 'black']"
                         :price="product.price"
                         :rate="product.rating"
-                        tag="New"
+                        :dark-layer="true"
                     />
                 </li>
             </ul>
-            <div class="w-full flex-center py-10">
+            <div v-if="products!.length > 10" class="w-full flex-center py-10">
                 <Pagination :items="paginationData" :total="data?.count" />
             </div>
         </div>

From a624ccc68601a3149b7f9626a61ff40dfe2d956e Mon Sep 17 00:00:00 2001
From: marzban-dev <marzban.dev@gmail.com>
Date: Tue, 28 Jan 2025 19:54:35 +0330
Subject: [PATCH 07/30] Updated

---
 frontend/layouts/Default.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/frontend/layouts/Default.vue b/frontend/layouts/Default.vue
index 3d5c39c..658121f 100644
--- a/frontend/layouts/Default.vue
+++ b/frontend/layouts/Default.vue
@@ -70,6 +70,9 @@ onServerPrefetch(async () => {
         class="w-full flex flex-col-center persian-number font-iran-yekan-x"
         dir="rtl"
     >
+
+        <LoadingIndicator />
+
         <Header />
         <main class="w-full overflow-x-hidden">
             <slot />

From 5894c168540eacf86154a047cb522c036dfd5b58 Mon Sep 17 00:00:00 2001
From: marzban-dev <marzban.dev@gmail.com>
Date: Tue, 28 Jan 2025 19:54:42 +0330
Subject: [PATCH 08/30] Updated

---
 frontend/composables/api/product/useGetCategories.ts | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/composables/api/product/useGetCategories.ts b/frontend/composables/api/product/useGetCategories.ts
index 7170bc2..10b34aa 100644
--- a/frontend/composables/api/product/useGetCategories.ts
+++ b/frontend/composables/api/product/useGetCategories.ts
@@ -5,7 +5,7 @@ import { API_ENDPOINTS, QUERY_KEYS } from "~/constants";
 
 // types
 
-export type GetCategoriesResponse = { categories: Category[] };
+export type GetCategoriesResponse = Category[];
 
 const useGetCategories = () => {
 
@@ -17,7 +17,8 @@ const useGetCategories = () => {
 
     const handleGetCategories = async () => {
         const { data } = await axios.get<GetCategoriesResponse>(`${API_ENDPOINTS.products.categories}`);
-        return data.categories;
+        await new Promise(resolve => setTimeout(resolve, 5000));
+        return data;
     };
 
     return useQuery({

From d1b5d3293ccace1b8b2fb2e5ae6fc09a7df19f3d Mon Sep 17 00:00:00 2001
From: marzban-dev <marzban.dev@gmail.com>
Date: Tue, 28 Jan 2025 19:54:46 +0330
Subject: [PATCH 09/30] Updated

---
 frontend/components/home/Categories.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/frontend/components/home/Categories.vue b/frontend/components/home/Categories.vue
index 8502fe1..d255779 100644
--- a/frontend/components/home/Categories.vue
+++ b/frontend/components/home/Categories.vue
@@ -29,12 +29,13 @@ const onSwiper = (swiper: SwiperClass) => {
 </script>
 
 <template>
-    <section class="flex flex-col gap-4 bg-black h-[110svh] mt-40 py-32">
+    <section class="flex flex-col justify-center gap-4 bg-black h-[150svh] mt-40">
         <div class="w-full flex justify-center items-center">
             <span class="text-white typo-h-4">
                 دسته بندی ها
             </span>
         </div>
+
         <div class="w-full my-20 relative">
             <Swiper
                 :loop="true"
@@ -82,5 +83,14 @@ const onSwiper = (swiper: SwiperClass) => {
                 />
             </div>
         </div>
+
+        <div class="w-full flex justify-center items-center">
+            <NuxtLink to="/category">
+                <Button variant="solid" class="invert rounded-full px-8" end-icon="ci:arrow-left">
+                    مشاهده همه دسته ها
+                </Button>
+            </NuxtLink>
+        </div>
+
     </section>
 </template>
\ No newline at end of file

From 8b682aaaae6091d74bc7414877ecf571eb63c7e4 Mon Sep 17 00:00:00 2001
From: marzban-dev <marzban.dev@gmail.com>
Date: Tue, 28 Jan 2025 19:54:54 +0330
Subject: [PATCH 10/30] Updated

---
 frontend/components/products/FilterButton.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/components/products/FilterButton.vue b/frontend/components/products/FilterButton.vue
index 74266ca..d5d6c04 100644
--- a/frontend/components/products/FilterButton.vue
+++ b/frontend/components/products/FilterButton.vue
@@ -5,8 +5,8 @@
         <template #button>
             <Button
                 end-icon="ci:filter"
-                variant="secondary"
-                class="rounded-full py-4 !bg-slate-100 !cursor-pointer"
+                variant="outlined"
+                class="rounded-full"
             >
                 فیلتر محصولات
             </Button>

From f6c89cace4f9b73edc3b33da762e23d6c1e2091d Mon Sep 17 00:00:00 2001
From: marzban-dev <marzban.dev@gmail.com>
Date: Tue, 28 Jan 2025 19:58:23 +0330
Subject: [PATCH 11/30] Updated

---
 frontend/components/global/CategoryCard.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/components/global/CategoryCard.vue b/frontend/components/global/CategoryCard.vue
index ce29d50..9948f97 100644
--- a/frontend/components/global/CategoryCard.vue
+++ b/frontend/components/global/CategoryCard.vue
@@ -23,7 +23,7 @@ const { colorObject } = useImageColor(`#category-image-${id.value}`);
 </script>
 
 <template>
-    <div class="relative rounded-150 overflow-hidden w-full h-[500px] bg-white">
+    <div class="relative rounded-150 overflow-hidden w-full h-[500px] bg-white brightness-[97%]">
         <img
             :id="`category-image-${id}`"
             class="absolute object-contain size-full"

From a59a2c6386dfea8c19b93733326a4125de91e18e Mon Sep 17 00:00:00 2001
From: marzban-dev <marzban.dev@gmail.com>
Date: Tue, 28 Jan 2025 19:58:25 +0330
Subject: [PATCH 12/30] Updated

---
 frontend/components/global/ColorCircle.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/components/global/ColorCircle.vue b/frontend/components/global/ColorCircle.vue
index 521f209..8d5e284 100644
--- a/frontend/components/global/ColorCircle.vue
+++ b/frontend/components/global/ColorCircle.vue
@@ -14,7 +14,7 @@ defineProps<Props>();
 
 <template>
     <div
-        class="size-[30px] ring ring-offset-1 rounded-full shadow-black/30 shadow-inner"
+        class="size-[25px] rounded-full shadow-black/30 shadow-inner"
         :class="selected ? 'ring-black' : 'ring-transparent'"
     />
 </template>
\ No newline at end of file

From e645c6a719e0e0ceab97890291b03a5e016be22d Mon Sep 17 00:00:00 2001
From: marzban-dev <marzban.dev@gmail.com>
Date: Tue, 28 Jan 2025 19:58:49 +0330
Subject: [PATCH 13/30] Updated

---
 frontend/components/global/ComboBox.vue | 24 +++++++++++++++---------
 1 file changed, 15 insertions(+), 9 deletions(-)

diff --git a/frontend/components/global/ComboBox.vue b/frontend/components/global/ComboBox.vue
index b49fe5e..ca7ddb6 100644
--- a/frontend/components/global/ComboBox.vue
+++ b/frontend/components/global/ComboBox.vue
@@ -57,13 +57,13 @@ watch(
                 class="!bg-transparent outline-none text-black h-full selection:bg-slate-100 placeholder-slate-400"
                 :placeholder="placeholder"
             />
-            <ComboboxTrigger>
+            <ComboboxTrigger class="cursor-pointer">
                 <Icon name="ci:chevron-down" class="size-5" />
             </ComboboxTrigger>
         </ComboboxAnchor>
 
         <ComboboxContent
-            class="absolute z-10 w-full mt-1.5 bg-slate-50 overflow-hidden rounded-xl shadow-sm border border-slate-200 will-change-[opacity,transform] data-[side=top]:animate-slideDownAndFade data-[side=bottom]:animate-slideUpAndFade"
+            class="absolute z-10 w-full mt-4 bg-slate-50 overflow-hidden rounded-xl shadow-sm border border-slate-200 will-change-[opacity,transform] data-[side=top]:animate-slideDownAndFade data-[side=bottom]:animate-slideUpAndFade"
         >
             <ComboboxViewport class="p-[1rem]">
                 <ComboboxEmpty
@@ -74,29 +74,35 @@ watch(
                     <ComboboxGroup>
                         <ComboboxSeparator
                             v-if="index !== 0"
-                            class="h-[1px] bg-slate-200 m-[1rem]"
+                            class="h-6"
                         />
 
                         <ComboboxLabel
-                            class="px-[1.2rem] w-full text-sm bg-black text-white rounded-full leading-[25px] py-1.5"
+                            class="flex items-center justify-between px-[1.2rem] w-full text-md text-black font-bold bg-slate-200/50 leading-[25px] py-3 rounded-lg"
                         >
-                            {{ group.name }}
+                            <span>
+                                {{ group.name }}
+                            </span>
+                            <Icon name="ci:delivery-boxes" size="18px"/>
                         </ComboboxLabel>
 
                         <ComboboxItem
                             v-for="option in group.children"
                             :key="option.name"
                             :value="option.name"
-                            class="text-sm leading-none text-black/90 my-1.5 rounded-full hover:!bg-slate-200 flex items-center py-2.5 px-[1.2rem] relative select-none data-[disabled]:text-slate-50 data-[disabled]:pointer-events-none"
+                            class="text-sm cursor-pointer leading-none text-slate-700 my-1.5 rounded-md hover:bg-slate-200/25 flex items-center py-2.5 px-[1.2rem] relative select-none data-[disabled]:text-slate-50 data-[disabled]:pointer-events-none"
                         >
                             <ComboboxItemIndicator
                                 class="absolute left-3 w-[25px] inline-flex items-center justify-center"
                             >
                                 <Icon name="ci:checkmark" size="18" />
                             </ComboboxItemIndicator>
-                            <span>
-                                {{ option.name }}
-                            </span>
+                            <div class="flex items-center gap-2">
+                                <Icon name="ci:minus" class="opacity-50"/>
+                                <span>
+                                     {{ option.name }}
+                                 </span>
+                            </div>
                         </ComboboxItem>
                     </ComboboxGroup>
                 </template>

From cdc32f3c5eab47e8b91b1940213de386eb10ca39 Mon Sep 17 00:00:00 2001
From: marzban-dev <marzban.dev@gmail.com>
Date: Tue, 28 Jan 2025 19:58:55 +0330
Subject: [PATCH 14/30] Updated

---
 frontend/components/global/Header.vue | 27 +++++++++++++++++++--------
 1 file changed, 19 insertions(+), 8 deletions(-)

diff --git a/frontend/components/global/Header.vue b/frontend/components/global/Header.vue
index 73d0106..45e1d1e 100644
--- a/frontend/components/global/Header.vue
+++ b/frontend/components/global/Header.vue
@@ -3,7 +3,6 @@
 
 import useGetAccount from "~/composables/api/account/useGetAccount";
 import { useAuth } from "~/composables/api/auth/useAuth";
-import useBaseUrl from "~/composables/global/useBaseUrl";
 
 // types
 
@@ -16,7 +15,6 @@ type NavLink = {
 
 const { data: account } = useGetAccount();
 const { logout } = useAuth();
-const baseUrl = useBaseUrl();
 
 const nav_links = ref<NavLink[]>([
     {
@@ -53,18 +51,22 @@ const nav_links = ref<NavLink[]>([
                         v-if="!!account"
                         :title="account.first_name + ' ' + account.last_name"
                         @click="() => logout(true)"
-                        class="size-[1.5rem] relative overflow-hidden rounded-full bg-slate-300"
+                        class="size-[1.6rem] flex items-center justify-center relative overflow-hidden rounded-full bg-slate-300"
                     >
-                        <img :src="baseUrl + account.profile_photo" alt="" />
+                        <img
+                            class="absolute object-cover size-full"
+                            :src="account.profile_photo"
+                            :alt="account.first_name + ' ' + account.last_name"
+                        />
                     </button>
                     <NuxtLink to="/signin" v-else class="flex-center">
-                        <Icon name="ci:profile" size="20px" class="**:stroke-black" />
+                        <Icon name="ci:profile" size="24px" class="**:stroke-black" />
                     </NuxtLink>
                     <button class="flex-center">
-                        <Icon name="ci:search" size="18px" class="**:stroke-black" />
+                        <Icon name="ci:search" size="21px" class="**:stroke-black" />
                     </button>
                     <button class="flex-center">
-                        <Icon name="ci:cart" size="20px" class="**:stroke-black" />
+                        <Icon name="ci:cart" size="24px" class="**:stroke-black" />
                     </button>
                 </div>
 
@@ -82,7 +84,16 @@ const nav_links = ref<NavLink[]>([
             </div>
 
             <div>
-                LOGO
+                <svg xmlns="http://www.w3.org/2000/svg" height="23" fill="none" viewBox="0 0 220 40">
+                    <path
+                        fill="#0E1534"
+                        d="M20 40c11.046 0 20-8.954 20-20V6a6 6 0 0 0-6-6H21v8.774c0 2.002.122 4.076 1.172 5.78a9.999 9.999 0 0 0 6.904 4.627l.383.062a.8.8 0 0 1 0 1.514l-.383.062a10 10 0 0 0-8.257 8.257l-.062.383a.8.8 0 0 1-1.514 0l-.062-.383a10 10 0 0 0-4.627-6.904C12.85 21.122 10.776 21 8.774 21H.024C.547 31.581 9.29 40 20 40Z"
+                    ></path>
+                    <path
+                        fill="#0E1534"
+                        d="M0 19h8.774c2.002 0 4.076-.122 5.78-1.172a10.018 10.018 0 0 0 3.274-3.274C18.878 12.85 19 10.776 19 8.774V0H6a6 6 0 0 0-6 6v13ZM46.455 2a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM211.711 12.104c5.591 0 8.289 3.905 8.289 8.428v8.495h-5.851V21.54c0-2.05-.748-3.742-2.893-3.742-2.145 0-2.86 1.692-2.86 3.742v7.486h-5.851V21.54c0-2.05-.715-3.742-2.861-3.742-2.145 0-2.893 1.692-2.893 3.742v7.486h-5.85v-8.495c0-4.523 2.697-8.428 8.288-8.428 3.056 0 5.266 1.204 6.274 3.189 1.072-1.985 3.413-3.19 6.208-3.19ZM180.427 23.82c1.885 0 2.698-1.725 2.698-3.776v-7.29h5.85v8.006c0 4.784-2.795 8.755-8.548 8.755-5.754 0-8.549-3.97-8.549-8.755v-8.006h5.851v7.29c0 2.05.812 3.776 2.698 3.776ZM163.275 29.547c-3.673 0-6.046-1.269-7.444-3.742l4.226-2.376c.585 1.041 1.462 1.562 2.925 1.562 1.203 0 1.755-.423 1.755-.944 0-1.985-8.581.033-8.581-6.28 0-3.06 2.6-5.533 7.021-5.533 3.868 0 5.981 1.887 6.924 3.71l-4.226 2.408c-.357-.976-1.463-1.562-2.568-1.562-.845 0-1.3.358-1.3.846 0 2.018 8.581.163 8.581 6.281 0 3.417-3.348 5.63-7.313 5.63ZM142.833 36.512h-5.851V20.858c0-4.98 3.738-8.592 8.939-8.592 5.071 0 8.939 3.873 8.939 8.592 0 5.207-3.446 8.657-8.614 8.657-1.203 0-2.405-.358-3.413-.912v7.909Zm3.088-12.497c1.853 0 3.088-1.432 3.088-3.125 0-1.724-1.235-3.124-3.088-3.124s-3.088 1.4-3.088 3.125c0 1.692 1.235 3.124 3.088 3.124ZM131.121 11.03c-1.918 0-3.51-1.595-3.51-3.515 0-1.92 1.592-3.515 3.51-3.515 1.918 0 3.511 1.595 3.511 3.515 0 1.92-1.593 3.515-3.511 3.515Zm-2.925 1.724h5.851v16.273h-5.851V12.754ZM116.97 29.515c-5.071 0-8.939-3.905-8.939-8.657 0-4.719 3.868-8.624 8.939-8.624s8.939 3.905 8.939 8.624c0 4.752-3.868 8.657-8.939 8.657Zm0-5.5c1.853 0 3.088-1.432 3.088-3.125 0-1.724-1.235-3.156-3.088-3.156s-3.088 1.432-3.088 3.156c0 1.693 1.235 3.125 3.088 3.125ZM96.983 37c-4.03 0-6.956-1.79-8.451-4.98l4.843-2.603c.52 1.107 1.495 2.246 3.51 2.246 2.114 0 3.511-1.335 3.674-3.678-.78.684-2.016 1.204-3.868 1.204-4.519 0-8.16-3.482-8.16-8.364 0-4.718 3.869-8.559 8.94-8.559 5.201 0 8.939 3.613 8.939 8.592v6.444c0 5.858-4.064 9.698-9.427 9.698Zm.39-13.31c1.755 0 3.088-1.205 3.088-2.995 0-1.757-1.332-2.929-3.088-2.929-1.723 0-3.088 1.172-3.088 2.93 0 1.79 1.365 2.993 3.088 2.993ZM78.607 29.515c-5.071 0-8.94-3.905-8.94-8.657 0-4.719 3.869-8.624 8.94-8.624 5.07 0 8.939 3.905 8.939 8.624 0 4.752-3.869 8.657-8.94 8.657Zm0-5.5c1.853 0 3.088-1.432 3.088-3.125 0-1.724-1.235-3.156-3.088-3.156s-3.088 1.432-3.088 3.156c0 1.693 1.235 3.125 3.088 3.125ZM59.013 7.06v16.434H68.7v5.533H58.2c-3.705 0-5.2-1.953-5.2-5.045V7.06h6.013Z"
+                    ></path>
+                </svg>
             </div>
 
         </div>

From 3fa62746db5e98f1417583bc7bcd4661496fec96 Mon Sep 17 00:00:00 2001
From: marzban-dev <marzban.dev@gmail.com>
Date: Tue, 28 Jan 2025 19:59:07 +0330
Subject: [PATCH 15/30] Create loading indicator for page loading

---
 .../components/global/LoadingIndicator.vue    | 49 +++++++++++++++++++
 1 file changed, 49 insertions(+)
 create mode 100644 frontend/components/global/LoadingIndicator.vue

diff --git a/frontend/components/global/LoadingIndicator.vue b/frontend/components/global/LoadingIndicator.vue
new file mode 100644
index 0000000..b82349b
--- /dev/null
+++ b/frontend/components/global/LoadingIndicator.vue
@@ -0,0 +1,49 @@
+<script lang="ts" setup>
+
+// state
+
+const nuxtApp = useNuxtApp();
+const isLoading = ref(false);
+
+// hook
+
+nuxtApp.hook("page:start", () => {
+    isLoading.value = true;
+});
+
+nuxtApp.hook("page:finish", () => {
+    isLoading.value = false;
+});
+
+</script>
+
+<template>
+    <Transition name="fade">
+        <div
+            v-if="isLoading"
+            class="h-[20px] flex items-center justify-center bg-black w-full left-0 top-0 fixed z-100"
+        >
+            <div class="absolute progress-indicator w-1/3 bg-white h-1 rounded-full"></div>
+        </div>
+    </Transition>
+</template>
+
+<style>
+
+.progress-indicator {
+    animation-name: progress;
+    animation-duration: 0.65s;
+    animation-iteration-count: infinite;
+    animation-timing-function: linear;
+}
+
+@keyframes progress {
+    0% {
+        left: -50%;
+    }
+
+    100% {
+        left: 110%;
+    }
+}
+</style>
\ No newline at end of file

From 9ac52ffde84aef19aaecc4e89d6f7bf30c97240b Mon Sep 17 00:00:00 2001
From: marzban-dev <marzban.dev@gmail.com>
Date: Tue, 28 Jan 2025 19:59:35 +0330
Subject: [PATCH 16/30] Updated

---
 frontend/components/global/Rate.vue | 22 +++++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)

diff --git a/frontend/components/global/Rate.vue b/frontend/components/global/Rate.vue
index fdc5520..be6e1c4 100644
--- a/frontend/components/global/Rate.vue
+++ b/frontend/components/global/Rate.vue
@@ -1,6 +1,22 @@
+<script setup lang="ts">
+
+// type
+
+type Props = {
+    rate : number
+}
+
+// prop
+
+defineProps<Props>();
+
+</script>
+
 <template>
-    <div class="bg-white flex justify-center items-center gap-2 rounded-full border-[0.5px] border-slate-200 px-4 py-2 typo-p-sm">
-        <slot />
-        <Icon name="ci:star-solid" class="**:fill-warning-500 size-4.5" />
+    <div class="bg-white flex justify-center items-center gap-2 rounded-full border-[0.5px] border-slate-300 px-4 py-2 typo-p-sm">
+        <Icon name="ci:star-solid" class="**:fill-warning-400 size-4.5" />
+        <span class="mt-0.5">
+            {{ rate }}
+        </span>
     </div>
 </template>
\ No newline at end of file

From 0e297ce777571ce44d1068762667387feef5f9c0 Mon Sep 17 00:00:00 2001
From: marzban-dev <marzban.dev@gmail.com>
Date: Tue, 28 Jan 2025 19:59:39 +0330
Subject: [PATCH 17/30] Updated

---
 .../components/global/ServiceHighlights.vue   | 22 +++++++++----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/frontend/components/global/ServiceHighlights.vue b/frontend/components/global/ServiceHighlights.vue
index fa7cf11..9206028 100644
--- a/frontend/components/global/ServiceHighlights.vue
+++ b/frontend/components/global/ServiceHighlights.vue
@@ -13,23 +13,23 @@ const highlights = ref<Highlight[]>([
     {
         icon: "ci:headset",
         title: "خدمات مشتری",
-        description: "پشتیبانی استثنایی، راه‌حل‌های پایدار",
+        description: "پشتیبانی استثنایی، راه‌حل‌های پایدار برای شما عزیزان"
     },
     {
         icon: "ci:delivery",
         title: "ارسال سریع و رایگان",
-        description: "ارسال رایگان برای سفارش‌های بالای ۱۵۰ دلار",
+        description: "ارسال رایگان برای سفارش‌های بالای ۱۵۰ دلار و خورده"
     },
     {
         icon: "ci:users",
         title: "معرفی به دوستان",
-        description: "دوستان خود را معرفی کنید و هر دو ۱۵٪ تخفیف بگیرید",
+        description: "دوستان خود را معرفی کنید و هر دو ۱۵٪ تخفیف بگیرید"
     },
     {
         icon: "ci:shield-done",
         title: "پرداخت امن",
-        description: "اطلاعات پرداخت شما به‌صورت امن پردازش می‌شود",
-    },
+        description: "اطلاعات پرداخت شما به‌صورت امن پردازش می‌شود"
+    }
 ]);
 </script>
 
@@ -38,13 +38,13 @@ const highlights = ref<Highlight[]>([
         <div class="w-full flex-center py-[5rem] gap-[1.25rem] container">
             <template v-for="(highlight, index) in highlights" :key="index">
                 <div class="flex flex-col-center gap-[.75rem] w-1/4 px-5">
-                    <div class="size-[1.5rem] flex-center">
-                        <Icon :name="highlight.icon" />
-                    </div>
+
+                    <Icon :name="highlight.icon" size="32px" />
+
                     <div class="w-full flex-col-center gap-[.25rem]">
-                    <span class="typo-sub-h-md text-black text-center">
-                        {{ highlight.title }}
-                    </span>
+                        <span class="typo-sub-h-md text-black text-center">
+                            {{ highlight.title }}
+                        </span>
                         <p class="text-slate-500 typo-p-sm mt-1 text-center">
                             {{ highlight.description }}
                         </p>

From e075aaa50cd8bef8b7b9fbf6b9aebba89623b738 Mon Sep 17 00:00:00 2001
From: marzban-dev <marzban.dev@gmail.com>
Date: Tue, 28 Jan 2025 19:59:44 +0330
Subject: [PATCH 18/30] Updated

---
 frontend/components/global/SideModal.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/components/global/SideModal.vue b/frontend/components/global/SideModal.vue
index b1668f6..54107f9 100644
--- a/frontend/components/global/SideModal.vue
+++ b/frontend/components/global/SideModal.vue
@@ -54,7 +54,7 @@ watch(
 
                         <button
                             @click="isSideShow = !isSideShow"
-                            class="size-[3.5rem] -me-5 flex-center rounded-full cursor-pointer"
+                            class="cursor-pointer size-[3.5rem] -me-5 flex-center rounded-full"
                         >
                             <Icon
                                 name="ci:close"

From a063b7c64f2d8772a22381497520c50e149ee5e7 Mon Sep 17 00:00:00 2001
From: Parsa Nazer <parsa.nazerrr@gmail.com>
Date: Tue, 28 Jan 2025 20:21:35 +0330
Subject: [PATCH 19/30] admin conf and import export

product full url
---
 backend/account/admin.py                      | 27 +++++-
 backend/chat/admin.py                         | 22 ++++-
 backend/core/settings.py                      |  1 +
 backend/home/admin.py                         | 41 +++++++-
 backend/order/admin.py                        | 39 +++++++-
 backend/product/admin.py                      | 95 +++++++++++++++++--
 backend/product/models.py                     |  9 ++
 backend/product/views.py                      |  2 +-
 backend/ticket/admin.py                       | 48 +++++++++-
 .../migrations/0002_alter_ticket_status.py    | 18 ++++
 backend/ticket/models.py                      |  8 +-
 11 files changed, 286 insertions(+), 24 deletions(-)
 create mode 100644 backend/ticket/migrations/0002_alter_ticket_status.py

diff --git a/backend/account/admin.py b/backend/account/admin.py
index 26e8d99..f9e56e8 100644
--- a/backend/account/admin.py
+++ b/backend/account/admin.py
@@ -2,8 +2,31 @@ from django.contrib import admin
 from .models import *
 from unfold.admin import ModelAdmin
 
+from import_export.admin import ImportExportModelAdmin
+from unfold.contrib.import_export.forms import ExportForm, ImportForm, SelectableFieldsExportForm
+from unfold.contrib.forms.widgets import ArrayWidget, WysiwygWidget
+from django.contrib.postgres.fields import ArrayField
 
 @admin.register(User)
-class UserAdmin(ModelAdmin):
+class UserAdmin(ModelAdmin, ImportExportModelAdmin):
+    
     list_display = ['phone', 'email', 'is_superuser']
-    readonly_fields = ['password', 'last_login', 'otp_expiry', 'otp_hash']
\ No newline at end of file
+    readonly_fields = ['phone']
+    
+    exclude = ('otp_hash', 'otp_expiry', 'is_active', 'is_staff', 'password', 'last_login')
+    import_form_class = ImportForm
+    export_form_class = ExportForm
+    
+
+    compressed_fields = True
+    warn_unsaved_form = True
+
+    formfield_overrides = {
+        models.TextField: {
+            "widget": WysiwygWidget,
+        },
+        ArrayField: {
+            "widget": ArrayWidget,
+        }
+    }
+    
\ No newline at end of file
diff --git a/backend/chat/admin.py b/backend/chat/admin.py
index 63ad8f7..fa8ee7c 100644
--- a/backend/chat/admin.py
+++ b/backend/chat/admin.py
@@ -2,7 +2,25 @@ from django.contrib import admin
 from .models import *
 from unfold.admin import ModelAdmin
 
+from import_export.admin import ImportExportModelAdmin
+from unfold.contrib.import_export.forms import ExportForm, ImportForm, SelectableFieldsExportForm
+from unfold.contrib.forms.widgets import ArrayWidget, WysiwygWidget
+from django.contrib.postgres.fields import ArrayField
+
 
 @admin.register(ProductChatModel)
-class ProductChatAdmin(ModelAdmin):
-    pass
\ No newline at end of file
+class ProductChatAdmin(ModelAdmin, ImportExportModelAdmin):
+    import_form_class = ImportForm
+    export_form_class = ExportForm
+
+    compressed_fields = True
+    warn_unsaved_form = True
+
+    formfield_overrides = {
+        models.TextField: {
+            "widget": WysiwygWidget,
+        },
+        ArrayField: {
+            "widget": ArrayWidget,
+        }
+    }
diff --git a/backend/core/settings.py b/backend/core/settings.py
index 65a2e8d..7421780 100644
--- a/backend/core/settings.py
+++ b/backend/core/settings.py
@@ -103,6 +103,7 @@ INSTALLED_APPS = [
     'rest_framework_simplejwt',
     'rest_framework_simplejwt.token_blacklist',
     'rest_framework.authtoken',
+    'import_export',
     # custom apps
     'product',
     'account',
diff --git a/backend/home/admin.py b/backend/home/admin.py
index 173a572..4d162df 100644
--- a/backend/home/admin.py
+++ b/backend/home/admin.py
@@ -2,11 +2,44 @@ from django.contrib import admin
 from .models import *
 from unfold.admin import ModelAdmin
 
+from import_export.admin import ImportExportModelAdmin
+from unfold.contrib.import_export.forms import ExportForm, ImportForm, SelectableFieldsExportForm
+from unfold.contrib.forms.widgets import ArrayWidget, WysiwygWidget
+from django.contrib.postgres.fields import ArrayField
+
 
 @admin.register(SliderModel)
-class SliderAdmin(ModelAdmin):
-    pass
+class SliderAdmin(ModelAdmin, ImportExportModelAdmin):
+    import_form_class = ImportForm
+    export_form_class = ExportForm
+    
+
+    compressed_fields = False
+    warn_unsaved_form = True
+
+    formfield_overrides = {
+        models.TextField: {
+            "widget": WysiwygWidget,
+        },
+        ArrayField: {
+            "widget": ArrayWidget,
+        }
+    }
 
 @admin.register(HomeImageModel)
-class HomeImageAdmin(ModelAdmin):
-    pass
\ No newline at end of file
+class HomeImageAdmin(ModelAdmin, ImportExportModelAdmin):
+    import_form_class = ImportForm
+    export_form_class = ExportForm
+    
+
+    compressed_fields = True
+    warn_unsaved_form = True
+
+    formfield_overrides = {
+        models.TextField: {
+            "widget": WysiwygWidget,
+        },
+        ArrayField: {
+            "widget": ArrayWidget,
+        }
+    }
\ No newline at end of file
diff --git a/backend/order/admin.py b/backend/order/admin.py
index 8c38f3f..90a6fb9 100644
--- a/backend/order/admin.py
+++ b/backend/order/admin.py
@@ -1,3 +1,40 @@
 from django.contrib import admin
+from .models import *
+from unfold.admin import ModelAdmin, TabularInline
 
-# Register your models here.
+from import_export.admin import ImportExportModelAdmin
+from unfold.contrib.import_export.forms import ExportForm, ImportForm, SelectableFieldsExportForm
+from unfold.contrib.forms.widgets import ArrayWidget, WysiwygWidget
+from django.contrib.postgres.fields import ArrayField
+
+
+class OrderItemModelInline(TabularInline):
+    model = OrderItemModel
+    extra = 0
+    max_num = 0
+    def has_delete_permission(self, request, obj=None):
+        return False
+    def get_readonly_fields(self, request, obj=None):
+        return [field.name for field in self.model._meta.fields]
+
+
+
+
+@admin.register(OrderModel)
+class OrderAdmin(ModelAdmin, ImportExportModelAdmin):
+    import_form_class = ImportForm
+    export_form_class = ExportForm
+    
+
+    compressed_fields = True
+    warn_unsaved_form = True
+
+    formfield_overrides = {
+        models.TextField: {
+            "widget": WysiwygWidget,
+        },
+        ArrayField: {
+            "widget": ArrayWidget,
+        }
+    }
+    inlines = [OrderItemModelInline]
\ No newline at end of file
diff --git a/backend/product/admin.py b/backend/product/admin.py
index b1f3efd..bddaa37 100644
--- a/backend/product/admin.py
+++ b/backend/product/admin.py
@@ -2,23 +2,100 @@ from django.contrib import admin
 from .models import *
 from unfold.admin import ModelAdmin
 
+from import_export.admin import ImportExportModelAdmin
+from unfold.contrib.import_export.forms import ExportForm, ImportForm, SelectableFieldsExportForm
+from unfold.contrib.forms.widgets import ArrayWidget, WysiwygWidget
+from django.contrib.postgres.fields import ArrayField
+
 
 @admin.register(ProductModel)
-class ProductModelAdmin(ModelAdmin):
-    pass
+class ProductModelAdmin(ModelAdmin, ImportExportModelAdmin):
+    import_form_class = ImportForm
+    export_form_class = ExportForm
+    
+
+    compressed_fields = True
+    warn_unsaved_form = True
+
+    formfield_overrides = {
+        models.TextField: {
+            "widget": WysiwygWidget,
+        },
+        ArrayField: {
+            "widget": ArrayWidget,
+        }
+    }
 
 @admin.register(MainCategoryModel)
-class MainCategoryModelAdmin(ModelAdmin):
-    pass
+class MainCategoryModelAdmin(ModelAdmin, ImportExportModelAdmin):
+    import_form_class = ImportForm
+    export_form_class = ExportForm
+    
+
+    compressed_fields = True
+    warn_unsaved_form = True
+
+    formfield_overrides = {
+        models.TextField: {
+            "widget": WysiwygWidget,
+        },
+        ArrayField: {
+            "widget": ArrayWidget,
+        }
+    }
 
 @admin.register(SubCategoryModel)
-class SubCategoryModelAdmin(ModelAdmin):
-    pass
+class SubCategoryModelAdmin(ModelAdmin, ImportExportModelAdmin):
+    import_form_class = ImportForm
+    export_form_class = ExportForm
+    
+
+    compressed_fields = True
+    warn_unsaved_form = True
+
+    formfield_overrides = {
+        models.TextField: {
+            "widget": WysiwygWidget,
+        },
+        ArrayField: {
+            "widget": ArrayWidget,
+        }
+    }
 
 @admin.register(CommentModel)
-class CommentAdmin(ModelAdmin):
-    pass
+class CommentAdmin(ModelAdmin, ImportExportModelAdmin):
+    import_form_class = ImportForm
+    export_form_class = ExportForm
+    
+
+    compressed_fields = True
+    warn_unsaved_form = True
+
+    formfield_overrides = {
+        models.TextField: {
+            "widget": WysiwygWidget,
+        },
+        ArrayField: {
+            "widget": ArrayWidget,
+        }
+    }
 
 @admin.register(DollorModel)
-class DollorAdmin(ModelAdmin):
+class DollorAdmin(ModelAdmin, ImportExportModelAdmin):
+    import_form_class = ImportForm
+    export_form_class = ExportForm
+    
+    exclude = ('unique_filed', )
+    
+    compressed_fields = True
+    warn_unsaved_form = True
+
+    formfield_overrides = {
+        models.TextField: {
+            "widget": WysiwygWidget,
+        },
+        ArrayField: {
+            "widget": ArrayWidget,
+        }
+    }
     readonly_fields = ('price',)
\ No newline at end of file
diff --git a/backend/product/models.py b/backend/product/models.py
index bca4739..c3f3110 100644
--- a/backend/product/models.py
+++ b/backend/product/models.py
@@ -24,11 +24,20 @@ class MainCategoryModel(models.Model):
 
 
 class SubCategoryModel(MainCategoryModel):
+    # name = models.CharField(max_length=50, verbose_name='نام')
+    # slug = models.SlugField(max_length=50, unique=True, help_text="اسم دسته را برای مسیر به انگلیسی و بدون فاصله وارد کنید")
+    # icon = models.ImageField(upload_to='category_model/',verbose_name='آیکون', blank=True, null=True)
+    # meta_title = models.CharField(max_length=60, verbose_name="عنوان متا", help_text="عنوان متا برای SEO", blank=True, null=True)
+    # meta_description = models.TextField(max_length=160, verbose_name="توضیحات متا", help_text="توضیحات متا برای SEO", blank=True, null=True)
     parent = models.ForeignKey(MainCategoryModel, on_delete=models.CASCADE, related_name='subcategorys', null=True, blank=True, verbose_name='دسته‌بندی والد')
     show = models.BooleanField(default=False, verbose_name='نمایش در خانه')
+    
     class Meta:
         verbose_name = "زیر دسته‌بندی"
         verbose_name_plural = "زیر دسته‌بندی‌ها"
+
+    def __str__(self):
+        return self.name
       
 class DollorModel(models.Model):
     price = models.FloatField(null=True, blank=True, verbose_name='قیمت دلار')
diff --git a/backend/product/views.py b/backend/product/views.py
index 05ee93d..3538c5c 100644
--- a/backend/product/views.py
+++ b/backend/product/views.py
@@ -56,7 +56,7 @@ class ProductView(APIView):
         product = get_object_or_404(ProductModel, id=pk)
         dollor_object, _ = DollorModel.objects.get_or_create(unique_filed='unique')
         dollor_price = dollor_object.price
-        product_ser = self.serializer_class(instance=product, many=False, context={'dollor_price': dollor_price})
+        product_ser = self.serializer_class(instance=product, many=False, context={'dollor_price': dollor_price, 'request': request})
         return Response(product_ser.data, status=status.HTTP_200_OK)
 
 
diff --git a/backend/ticket/admin.py b/backend/ticket/admin.py
index 8c38f3f..1e67359 100644
--- a/backend/ticket/admin.py
+++ b/backend/ticket/admin.py
@@ -1,3 +1,49 @@
 from django.contrib import admin
+from .models import *
+from unfold.admin import ModelAdmin, TabularInline
 
-# Register your models here.
+from import_export.admin import ImportExportModelAdmin
+from unfold.contrib.import_export.forms import ExportForm, ImportForm, SelectableFieldsExportForm
+from unfold.contrib.forms.widgets import ArrayWidget, WysiwygWidget
+from django.contrib.postgres.fields import ArrayField
+
+class MessageInline(TabularInline):
+    model = Message
+    extra = 1
+
+@admin.register(Ticket)
+class TicketAdmin(ModelAdmin, ImportExportModelAdmin):
+    import_form_class = ImportForm
+    export_form_class = ExportForm
+    
+
+    compressed_fields = True
+    warn_unsaved_form = True
+
+    formfield_overrides = {
+        models.TextField: {
+            "widget": WysiwygWidget,
+        },
+        ArrayField: {
+            "widget": ArrayWidget,
+        }
+    }
+    inlines = [MessageInline]
+
+@admin.register(Message)
+class MessageAdmin(ModelAdmin, ImportExportModelAdmin):
+    import_form_class = ImportForm
+    export_form_class = ExportForm
+    
+
+    compressed_fields = True
+    warn_unsaved_form = True
+
+    formfield_overrides = {
+        models.TextField: {
+            "widget": WysiwygWidget,
+        },
+        ArrayField: {
+            "widget": ArrayWidget,
+        }
+    }
\ No newline at end of file
diff --git a/backend/ticket/migrations/0002_alter_ticket_status.py b/backend/ticket/migrations/0002_alter_ticket_status.py
new file mode 100644
index 0000000..1549f36
--- /dev/null
+++ b/backend/ticket/migrations/0002_alter_ticket_status.py
@@ -0,0 +1,18 @@
+# Generated by Django 5.1.2 on 2025-01-28 16:50
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('ticket', '0001_initial'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='ticket',
+            name='status',
+            field=models.CharField(choices=[('open', 'یاز'), ('in_progress', 'در حال پردازش'), ('resolved', 'حل شده'), ('closed', 'باز')], default='open', max_length=20),
+        ),
+    ]
diff --git a/backend/ticket/models.py b/backend/ticket/models.py
index 7bc0120..15b03da 100644
--- a/backend/ticket/models.py
+++ b/backend/ticket/models.py
@@ -3,10 +3,10 @@ from account.models import User
 
 class Ticket(models.Model):
     STATUS_CHOICES = [
-        ('open', 'Open'),
-        ('in_progress', 'In Progress'),
-        ('resolved', 'Resolved'),
-        ('closed', 'Closed'),
+        ('open', 'یاز'),
+        ('in_progress', 'در حال پردازش'),
+        ('resolved', 'حل شده'),
+        ('closed', 'باز'),
     ]
 
     subject = models.CharField(max_length=255)

From 5a19c140f5b4977bcd4406e8feaa7956bfd21135 Mon Sep 17 00:00:00 2001
From: Parsa Nazer <parsa.nazerrr@gmail.com>
Date: Tue, 28 Jan 2025 20:36:59 +0330
Subject: [PATCH 20/30] sub category debug and front docker file update for
 action report

---
 backend/account/migrations/0001_initial.py    |  2 +-
 backend/chat/migrations/0001_initial.py       |  2 +-
 backend/home/migrations/0001_initial.py       | 22 +++++++++++---
 ...roduct_slidermodel_description_and_more.py | 29 -------------------
 .../home/migrations/0003_homeimagemodel.py    | 26 -----------------
 ...meimagemodel_link1_homeimagemodel_link2.py | 25 ----------------
 backend/order/migrations/0001_initial.py      |  2 +-
 backend/product/migrations/0001_initial.py    | 10 +++++--
 backend/product/models.py                     | 12 ++++----
 backend/ticket/migrations/0001_initial.py     |  4 +--
 .../migrations/0002_alter_ticket_status.py    | 18 ------------
 frontend/dockerfile                           |  2 +-
 12 files changed, 37 insertions(+), 117 deletions(-)
 delete mode 100644 backend/home/migrations/0002_remove_slidermodel_product_slidermodel_description_and_more.py
 delete mode 100644 backend/home/migrations/0003_homeimagemodel.py
 delete mode 100644 backend/home/migrations/0004_homeimagemodel_link1_homeimagemodel_link2.py
 delete mode 100644 backend/ticket/migrations/0002_alter_ticket_status.py

diff --git a/backend/account/migrations/0001_initial.py b/backend/account/migrations/0001_initial.py
index 98da48a..88ed6fd 100644
--- a/backend/account/migrations/0001_initial.py
+++ b/backend/account/migrations/0001_initial.py
@@ -1,4 +1,4 @@
-# Generated by Django 5.1.2 on 2025-01-27 18:07
+# Generated by Django 5.1.2 on 2025-01-28 17:00
 
 import django.db.models.deletion
 from django.conf import settings
diff --git a/backend/chat/migrations/0001_initial.py b/backend/chat/migrations/0001_initial.py
index 40f2f7c..60a0a88 100644
--- a/backend/chat/migrations/0001_initial.py
+++ b/backend/chat/migrations/0001_initial.py
@@ -1,4 +1,4 @@
-# Generated by Django 5.1.2 on 2025-01-27 18:07
+# Generated by Django 5.1.2 on 2025-01-28 17:00
 
 import django.db.models.deletion
 from django.conf import settings
diff --git a/backend/home/migrations/0001_initial.py b/backend/home/migrations/0001_initial.py
index 397620a..9369e7d 100644
--- a/backend/home/migrations/0001_initial.py
+++ b/backend/home/migrations/0001_initial.py
@@ -1,6 +1,5 @@
-# Generated by Django 5.1.2 on 2025-01-27 18:07
+# Generated by Django 5.1.2 on 2025-01-28 17:00
 
-import django.db.models.deletion
 from django.db import migrations, models
 
 
@@ -9,18 +8,33 @@ class Migration(migrations.Migration):
     initial = True
 
     dependencies = [
-        ('product', '0001_initial'),
     ]
 
     operations = [
+        migrations.CreateModel(
+            name='HomeImageModel',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('image1', models.ImageField(upload_to='diff_image/')),
+                ('image2', models.ImageField(upload_to='diff_image/')),
+                ('title1', models.CharField(max_length=50)),
+                ('title2', models.CharField(max_length=50)),
+                ('description1', models.TextField()),
+                ('description2', models.TextField()),
+                ('link1', models.URLField()),
+                ('link2', models.URLField()),
+                ('unique_filed', models.CharField(choices=[('unique', 'unique')], default='unique', max_length=20, unique=True)),
+            ],
+        ),
         migrations.CreateModel(
             name='SliderModel',
             fields=[
                 ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('link', models.URLField(verbose_name='لینک')),
                 ('title', models.CharField(max_length=50, verbose_name='عنوان')),
+                ('description', models.TextField(verbose_name='توضیحات')),
                 ('image', models.ImageField(blank=True, null=True, upload_to='slider_image/', verbose_name='عکس اسلایدر')),
                 ('video', models.FileField(blank=True, null=True, upload_to='slider_video/', verbose_name='ویدیواسلایدر')),
-                ('product', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, to='product.productmodel', verbose_name='محصول')),
             ],
             options={
                 'verbose_name': 'اسلایدر',
diff --git a/backend/home/migrations/0002_remove_slidermodel_product_slidermodel_description_and_more.py b/backend/home/migrations/0002_remove_slidermodel_product_slidermodel_description_and_more.py
deleted file mode 100644
index a72f609..0000000
--- a/backend/home/migrations/0002_remove_slidermodel_product_slidermodel_description_and_more.py
+++ /dev/null
@@ -1,29 +0,0 @@
-# Generated by Django 5.1.2 on 2025-01-27 18:15
-
-from django.db import migrations, models
-
-
-class Migration(migrations.Migration):
-
-    dependencies = [
-        ('home', '0001_initial'),
-    ]
-
-    operations = [
-        migrations.RemoveField(
-            model_name='slidermodel',
-            name='product',
-        ),
-        migrations.AddField(
-            model_name='slidermodel',
-            name='description',
-            field=models.TextField(default='', verbose_name='توضیحات'),
-            preserve_default=False,
-        ),
-        migrations.AddField(
-            model_name='slidermodel',
-            name='link',
-            field=models.URLField(default='', verbose_name='لینک'),
-            preserve_default=False,
-        ),
-    ]
diff --git a/backend/home/migrations/0003_homeimagemodel.py b/backend/home/migrations/0003_homeimagemodel.py
deleted file mode 100644
index 471577b..0000000
--- a/backend/home/migrations/0003_homeimagemodel.py
+++ /dev/null
@@ -1,26 +0,0 @@
-# Generated by Django 5.1.2 on 2025-01-27 18:31
-
-from django.db import migrations, models
-
-
-class Migration(migrations.Migration):
-
-    dependencies = [
-        ('home', '0002_remove_slidermodel_product_slidermodel_description_and_more'),
-    ]
-
-    operations = [
-        migrations.CreateModel(
-            name='HomeImageModel',
-            fields=[
-                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
-                ('image1', models.ImageField(upload_to='diff_image/')),
-                ('image2', models.ImageField(upload_to='diff_image/')),
-                ('title1', models.CharField(max_length=50)),
-                ('title2', models.CharField(max_length=50)),
-                ('description1', models.TextField()),
-                ('description2', models.TextField()),
-                ('unique_filed', models.CharField(choices=[('unique', 'unique')], default='unique', max_length=20, unique=True)),
-            ],
-        ),
-    ]
diff --git a/backend/home/migrations/0004_homeimagemodel_link1_homeimagemodel_link2.py b/backend/home/migrations/0004_homeimagemodel_link1_homeimagemodel_link2.py
deleted file mode 100644
index 5eaa27d..0000000
--- a/backend/home/migrations/0004_homeimagemodel_link1_homeimagemodel_link2.py
+++ /dev/null
@@ -1,25 +0,0 @@
-# Generated by Django 5.1.2 on 2025-01-27 18:33
-
-from django.db import migrations, models
-
-
-class Migration(migrations.Migration):
-
-    dependencies = [
-        ('home', '0003_homeimagemodel'),
-    ]
-
-    operations = [
-        migrations.AddField(
-            model_name='homeimagemodel',
-            name='link1',
-            field=models.URLField(default=''),
-            preserve_default=False,
-        ),
-        migrations.AddField(
-            model_name='homeimagemodel',
-            name='link2',
-            field=models.URLField(default=''),
-            preserve_default=False,
-        ),
-    ]
diff --git a/backend/order/migrations/0001_initial.py b/backend/order/migrations/0001_initial.py
index 545e2b3..1435563 100644
--- a/backend/order/migrations/0001_initial.py
+++ b/backend/order/migrations/0001_initial.py
@@ -1,4 +1,4 @@
-# Generated by Django 5.1.2 on 2025-01-27 18:07
+# Generated by Django 5.1.2 on 2025-01-28 17:00
 
 import django.db.models.deletion
 from django.conf import settings
diff --git a/backend/product/migrations/0001_initial.py b/backend/product/migrations/0001_initial.py
index 8821b93..db94f0b 100644
--- a/backend/product/migrations/0001_initial.py
+++ b/backend/product/migrations/0001_initial.py
@@ -1,4 +1,4 @@
-# Generated by Django 5.1.2 on 2025-01-27 18:07
+# Generated by Django 5.1.2 on 2025-01-28 17:00
 
 import django.db.models.deletion
 from django.conf import settings
@@ -81,7 +81,12 @@ class Migration(migrations.Migration):
         migrations.CreateModel(
             name='SubCategoryModel',
             fields=[
-                ('maincategorymodel_ptr', models.OneToOneField(auto_created=True, on_delete=django.db.models.deletion.CASCADE, parent_link=True, primary_key=True, serialize=False, to='product.maincategorymodel')),
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('name', models.CharField(max_length=50, verbose_name='نام')),
+                ('slug', models.SlugField(help_text='اسم دسته را برای مسیر به انگلیسی و بدون فاصله وارد کنید', unique=True)),
+                ('icon', models.ImageField(blank=True, null=True, upload_to='category_model/', verbose_name='آیکون')),
+                ('meta_title', models.CharField(blank=True, help_text='عنوان متا برای SEO', max_length=60, null=True, verbose_name='عنوان متا')),
+                ('meta_description', models.TextField(blank=True, help_text='توضیحات متا برای SEO', max_length=160, null=True, verbose_name='توضیحات متا')),
                 ('show', models.BooleanField(default=False, verbose_name='نمایش در خانه')),
                 ('parent', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.CASCADE, related_name='subcategorys', to='product.maincategorymodel', verbose_name='دسته\u200cبندی والد')),
             ],
@@ -89,7 +94,6 @@ class Migration(migrations.Migration):
                 'verbose_name': 'زیر دسته\u200cبندی',
                 'verbose_name_plural': 'زیر دسته\u200cبندی\u200cها',
             },
-            bases=('product.maincategorymodel',),
         ),
         migrations.AddField(
             model_name='productmodel',
diff --git a/backend/product/models.py b/backend/product/models.py
index c3f3110..6f66298 100644
--- a/backend/product/models.py
+++ b/backend/product/models.py
@@ -23,12 +23,12 @@ class MainCategoryModel(models.Model):
     #     return reverse('category_detail', kwargs={'slug': self.slug})
 
 
-class SubCategoryModel(MainCategoryModel):
-    # name = models.CharField(max_length=50, verbose_name='نام')
-    # slug = models.SlugField(max_length=50, unique=True, help_text="اسم دسته را برای مسیر به انگلیسی و بدون فاصله وارد کنید")
-    # icon = models.ImageField(upload_to='category_model/',verbose_name='آیکون', blank=True, null=True)
-    # meta_title = models.CharField(max_length=60, verbose_name="عنوان متا", help_text="عنوان متا برای SEO", blank=True, null=True)
-    # meta_description = models.TextField(max_length=160, verbose_name="توضیحات متا", help_text="توضیحات متا برای SEO", blank=True, null=True)
+class SubCategoryModel(models.Model):
+    name = models.CharField(max_length=50, verbose_name='نام')
+    slug = models.SlugField(max_length=50, unique=True, help_text="اسم دسته را برای مسیر به انگلیسی و بدون فاصله وارد کنید")
+    icon = models.ImageField(upload_to='category_model/',verbose_name='آیکون', blank=True, null=True)
+    meta_title = models.CharField(max_length=60, verbose_name="عنوان متا", help_text="عنوان متا برای SEO", blank=True, null=True)
+    meta_description = models.TextField(max_length=160, verbose_name="توضیحات متا", help_text="توضیحات متا برای SEO", blank=True, null=True)
     parent = models.ForeignKey(MainCategoryModel, on_delete=models.CASCADE, related_name='subcategorys', null=True, blank=True, verbose_name='دسته‌بندی والد')
     show = models.BooleanField(default=False, verbose_name='نمایش در خانه')
     
diff --git a/backend/ticket/migrations/0001_initial.py b/backend/ticket/migrations/0001_initial.py
index 1610102..01683ad 100644
--- a/backend/ticket/migrations/0001_initial.py
+++ b/backend/ticket/migrations/0001_initial.py
@@ -1,4 +1,4 @@
-# Generated by Django 5.1.2 on 2025-01-27 18:07
+# Generated by Django 5.1.2 on 2025-01-28 17:00
 
 import django.db.models.deletion
 from django.conf import settings
@@ -19,7 +19,7 @@ class Migration(migrations.Migration):
             fields=[
                 ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
                 ('subject', models.CharField(max_length=255)),
-                ('status', models.CharField(choices=[('open', 'Open'), ('in_progress', 'In Progress'), ('resolved', 'Resolved'), ('closed', 'Closed')], default='open', max_length=20)),
+                ('status', models.CharField(choices=[('open', 'یاز'), ('in_progress', 'در حال پردازش'), ('resolved', 'حل شده'), ('closed', 'باز')], default='open', max_length=20)),
                 ('created_at', models.DateTimeField(auto_now_add=True)),
                 ('updated_at', models.DateTimeField(auto_now=True)),
                 ('admin', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='assigned_tickets', to=settings.AUTH_USER_MODEL)),
diff --git a/backend/ticket/migrations/0002_alter_ticket_status.py b/backend/ticket/migrations/0002_alter_ticket_status.py
deleted file mode 100644
index 1549f36..0000000
--- a/backend/ticket/migrations/0002_alter_ticket_status.py
+++ /dev/null
@@ -1,18 +0,0 @@
-# Generated by Django 5.1.2 on 2025-01-28 16:50
-
-from django.db import migrations, models
-
-
-class Migration(migrations.Migration):
-
-    dependencies = [
-        ('ticket', '0001_initial'),
-    ]
-
-    operations = [
-        migrations.AlterField(
-            model_name='ticket',
-            name='status',
-            field=models.CharField(choices=[('open', 'یاز'), ('in_progress', 'در حال پردازش'), ('resolved', 'حل شده'), ('closed', 'باز')], default='open', max_length=20),
-        ),
-    ]
diff --git a/frontend/dockerfile b/frontend/dockerfile
index 52d9096..240e8dd 100644
--- a/frontend/dockerfile
+++ b/frontend/dockerfile
@@ -10,4 +10,4 @@ WORKDIR /app
 COPY --from=build-stage /app /app
 EXPOSE 3000
 ENV NODE_ENV=production
-CMD ["npm", "run", "start"]
\ No newline at end of file
+CMD ["sh", "-c", "npm", "run", "start"]
\ No newline at end of file

From ef5ca11db1658447bcd60e322e5116684a63055e Mon Sep 17 00:00:00 2001
From: Parsa Nazer <parsa.nazerrr@gmail.com>
Date: Tue, 28 Jan 2025 20:51:00 +0330
Subject: [PATCH 21/30] WysiwygWidget update and read only fields for chat

---
 backend/account/admin.py |  3 ---
 backend/chat/admin.py    |  5 ++---
 backend/home/admin.py    |  6 ------
 backend/order/admin.py   |  3 ---
 backend/product/admin.py | 12 ------------
 backend/ticket/admin.py  |  3 ---
 6 files changed, 2 insertions(+), 30 deletions(-)

diff --git a/backend/account/admin.py b/backend/account/admin.py
index f9e56e8..4beb386 100644
--- a/backend/account/admin.py
+++ b/backend/account/admin.py
@@ -22,9 +22,6 @@ class UserAdmin(ModelAdmin, ImportExportModelAdmin):
     warn_unsaved_form = True
 
     formfield_overrides = {
-        models.TextField: {
-            "widget": WysiwygWidget,
-        },
         ArrayField: {
             "widget": ArrayWidget,
         }
diff --git a/backend/chat/admin.py b/backend/chat/admin.py
index fa8ee7c..8d83c8f 100644
--- a/backend/chat/admin.py
+++ b/backend/chat/admin.py
@@ -12,14 +12,13 @@ from django.contrib.postgres.fields import ArrayField
 class ProductChatAdmin(ModelAdmin, ImportExportModelAdmin):
     import_form_class = ImportForm
     export_form_class = ExportForm
+    
+    readonly_fields = ('user', 'product', 'thread')
 
     compressed_fields = True
     warn_unsaved_form = True
 
     formfield_overrides = {
-        models.TextField: {
-            "widget": WysiwygWidget,
-        },
         ArrayField: {
             "widget": ArrayWidget,
         }
diff --git a/backend/home/admin.py b/backend/home/admin.py
index 4d162df..08614ce 100644
--- a/backend/home/admin.py
+++ b/backend/home/admin.py
@@ -18,9 +18,6 @@ class SliderAdmin(ModelAdmin, ImportExportModelAdmin):
     warn_unsaved_form = True
 
     formfield_overrides = {
-        models.TextField: {
-            "widget": WysiwygWidget,
-        },
         ArrayField: {
             "widget": ArrayWidget,
         }
@@ -36,9 +33,6 @@ class HomeImageAdmin(ModelAdmin, ImportExportModelAdmin):
     warn_unsaved_form = True
 
     formfield_overrides = {
-        models.TextField: {
-            "widget": WysiwygWidget,
-        },
         ArrayField: {
             "widget": ArrayWidget,
         }
diff --git a/backend/order/admin.py b/backend/order/admin.py
index 90a6fb9..e0dc463 100644
--- a/backend/order/admin.py
+++ b/backend/order/admin.py
@@ -30,9 +30,6 @@ class OrderAdmin(ModelAdmin, ImportExportModelAdmin):
     warn_unsaved_form = True
 
     formfield_overrides = {
-        models.TextField: {
-            "widget": WysiwygWidget,
-        },
         ArrayField: {
             "widget": ArrayWidget,
         }
diff --git a/backend/product/admin.py b/backend/product/admin.py
index bddaa37..d38a2e3 100644
--- a/backend/product/admin.py
+++ b/backend/product/admin.py
@@ -36,9 +36,6 @@ class MainCategoryModelAdmin(ModelAdmin, ImportExportModelAdmin):
     warn_unsaved_form = True
 
     formfield_overrides = {
-        models.TextField: {
-            "widget": WysiwygWidget,
-        },
         ArrayField: {
             "widget": ArrayWidget,
         }
@@ -54,9 +51,6 @@ class SubCategoryModelAdmin(ModelAdmin, ImportExportModelAdmin):
     warn_unsaved_form = True
 
     formfield_overrides = {
-        models.TextField: {
-            "widget": WysiwygWidget,
-        },
         ArrayField: {
             "widget": ArrayWidget,
         }
@@ -72,9 +66,6 @@ class CommentAdmin(ModelAdmin, ImportExportModelAdmin):
     warn_unsaved_form = True
 
     formfield_overrides = {
-        models.TextField: {
-            "widget": WysiwygWidget,
-        },
         ArrayField: {
             "widget": ArrayWidget,
         }
@@ -91,9 +82,6 @@ class DollorAdmin(ModelAdmin, ImportExportModelAdmin):
     warn_unsaved_form = True
 
     formfield_overrides = {
-        models.TextField: {
-            "widget": WysiwygWidget,
-        },
         ArrayField: {
             "widget": ArrayWidget,
         }
diff --git a/backend/ticket/admin.py b/backend/ticket/admin.py
index 1e67359..77e9db3 100644
--- a/backend/ticket/admin.py
+++ b/backend/ticket/admin.py
@@ -21,9 +21,6 @@ class TicketAdmin(ModelAdmin, ImportExportModelAdmin):
     warn_unsaved_form = True
 
     formfield_overrides = {
-        models.TextField: {
-            "widget": WysiwygWidget,
-        },
         ArrayField: {
             "widget": ArrayWidget,
         }

From 89c77d51ce2be2aa8018d7a62affe9af1509c0b0 Mon Sep 17 00:00:00 2001
From: Parsa Nazer <parsa.nazerrr@gmail.com>
Date: Tue, 28 Jan 2025 21:20:24 +0330
Subject: [PATCH 22/30] add image field to sub category model

---
 ...0002_rename_icon_subcategorymodel_image.py | 18 +++++++++++++++
 ...model_icon_alter_subcategorymodel_image.py | 23 +++++++++++++++++++
 backend/product/models.py                     |  1 +
 3 files changed, 42 insertions(+)
 create mode 100644 backend/product/migrations/0002_rename_icon_subcategorymodel_image.py
 create mode 100644 backend/product/migrations/0003_subcategorymodel_icon_alter_subcategorymodel_image.py

diff --git a/backend/product/migrations/0002_rename_icon_subcategorymodel_image.py b/backend/product/migrations/0002_rename_icon_subcategorymodel_image.py
new file mode 100644
index 0000000..4d143cb
--- /dev/null
+++ b/backend/product/migrations/0002_rename_icon_subcategorymodel_image.py
@@ -0,0 +1,18 @@
+# Generated by Django 5.1.2 on 2025-01-28 17:48
+
+from django.db import migrations
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('product', '0001_initial'),
+    ]
+
+    operations = [
+        migrations.RenameField(
+            model_name='subcategorymodel',
+            old_name='icon',
+            new_name='image',
+        ),
+    ]
diff --git a/backend/product/migrations/0003_subcategorymodel_icon_alter_subcategorymodel_image.py b/backend/product/migrations/0003_subcategorymodel_icon_alter_subcategorymodel_image.py
new file mode 100644
index 0000000..56fe281
--- /dev/null
+++ b/backend/product/migrations/0003_subcategorymodel_icon_alter_subcategorymodel_image.py
@@ -0,0 +1,23 @@
+# Generated by Django 5.1.2 on 2025-01-28 17:49
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('product', '0002_rename_icon_subcategorymodel_image'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='subcategorymodel',
+            name='icon',
+            field=models.ImageField(blank=True, null=True, upload_to='category_model/', verbose_name='آیکون'),
+        ),
+        migrations.AlterField(
+            model_name='subcategorymodel',
+            name='image',
+            field=models.ImageField(blank=True, null=True, upload_to='category_model/', verbose_name='عکس'),
+        ),
+    ]
diff --git a/backend/product/models.py b/backend/product/models.py
index 6f66298..783db3a 100644
--- a/backend/product/models.py
+++ b/backend/product/models.py
@@ -26,6 +26,7 @@ class MainCategoryModel(models.Model):
 class SubCategoryModel(models.Model):
     name = models.CharField(max_length=50, verbose_name='نام')
     slug = models.SlugField(max_length=50, unique=True, help_text="اسم دسته را برای مسیر به انگلیسی و بدون فاصله وارد کنید")
+    image = models.ImageField(upload_to='category_model/',verbose_name='عکس', blank=True, null=True)
     icon = models.ImageField(upload_to='category_model/',verbose_name='آیکون', blank=True, null=True)
     meta_title = models.CharField(max_length=60, verbose_name="عنوان متا", help_text="عنوان متا برای SEO", blank=True, null=True)
     meta_description = models.TextField(max_length=160, verbose_name="توضیحات متا", help_text="توضیحات متا برای SEO", blank=True, null=True)

From 4c4272e7cc2b73687c008894ccf92cc76861df3e Mon Sep 17 00:00:00 2001
From: Parsa Nazer <parsa.nazerrr@gmail.com>
Date: Tue, 28 Jan 2025 21:30:32 +0330
Subject: [PATCH 23/30] slug genrator for sub category and category and parent
 filed for sub category serializer

---
 backend/product/admin.py       |  3 +++
 backend/product/models.py      | 10 ++++++++--
 backend/product/serializers.py |  5 ++++-
 3 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/backend/product/admin.py b/backend/product/admin.py
index d38a2e3..5514d08 100644
--- a/backend/product/admin.py
+++ b/backend/product/admin.py
@@ -13,6 +13,7 @@ class ProductModelAdmin(ModelAdmin, ImportExportModelAdmin):
     import_form_class = ImportForm
     export_form_class = ExportForm
     
+    readonly_fields = ('slug', )
 
     compressed_fields = True
     warn_unsaved_form = True
@@ -31,6 +32,7 @@ class MainCategoryModelAdmin(ModelAdmin, ImportExportModelAdmin):
     import_form_class = ImportForm
     export_form_class = ExportForm
     
+    readonly_fields = ('slug', )
 
     compressed_fields = True
     warn_unsaved_form = True
@@ -46,6 +48,7 @@ class SubCategoryModelAdmin(ModelAdmin, ImportExportModelAdmin):
     import_form_class = ImportForm
     export_form_class = ExportForm
     
+    readonly_fields = ('slug', )
 
     compressed_fields = True
     warn_unsaved_form = True
diff --git a/backend/product/models.py b/backend/product/models.py
index 783db3a..cabc85f 100644
--- a/backend/product/models.py
+++ b/backend/product/models.py
@@ -19,8 +19,10 @@ class MainCategoryModel(models.Model):
     def __str__(self):
         return self.name
 
-    # def get_absolute_url(self):
-    #     return reverse('category_detail', kwargs={'slug': self.slug})
+    def save(self, *args, **kwargs):
+        if not self.slug:
+            self.slug = slugify(self.name, allow_unicode=True)
+        super().save(*args, **kwargs)
 
 
 class SubCategoryModel(models.Model):
@@ -39,6 +41,10 @@ class SubCategoryModel(models.Model):
 
     def __str__(self):
         return self.name
+    def save(self, *args, **kwargs):
+        if not self.slug:
+            self.slug = slugify(self.name, allow_unicode=True)
+        super().save(*args, **kwargs)
       
 class DollorModel(models.Model):
     price = models.FloatField(null=True, blank=True, verbose_name='قیمت دلار')
diff --git a/backend/product/serializers.py b/backend/product/serializers.py
index c331bb7..2fde664 100644
--- a/backend/product/serializers.py
+++ b/backend/product/serializers.py
@@ -37,11 +37,14 @@ class CommentSerializer(serializers.ModelSerializer):
 
 class SubCategorySerializer(serializers.ModelSerializer):
     product_count = serializers.SerializerMethodField()
+    parent = serializers.SerializerMethodField()
     class Meta:
         model = SubCategoryModel
-        fields = ['id', 'name', 'slug','icon', 'meta_title', 'meta_description', 'product_count', 'show']
+        fields = ['id', 'name', 'slug','icon', 'meta_title', 'meta_description', 'product_count', 'show', 'parent']
     def get_product_count(self, obj):
         return obj.products.count()
+    def get_parent(self, obj):
+        return obj.parent.name
 
 
 class MainCategorySerializer(serializers.ModelSerializer):

From f842e0e866f8ef760c5d519e90fd3479f35fe218 Mon Sep 17 00:00:00 2001
From: Parsa Nazer <parsa.nazerrr@gmail.com>
Date: Tue, 28 Jan 2025 21:47:32 +0330
Subject: [PATCH 24/30] debug and update front

---
 frontend/components/product/ChatBox/ChatButton.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/components/product/ChatBox/ChatButton.vue b/frontend/components/product/ChatBox/ChatButton.vue
index dbdf9a3..22ab002 100644
--- a/frontend/components/product/ChatBox/ChatButton.vue
+++ b/frontend/components/product/ChatBox/ChatButton.vue
@@ -33,4 +33,4 @@ provide("isOpen", {
 
     <ChatBoxContainer :isOpen="isOpen" />
 
-</template>
\ No newline at end of file
+</template>

From 68f97c0234bf104b0e864cefab301bf8b428c048 Mon Sep 17 00:00:00 2001
From: marzban-dev <marzban.dev@gmail.com>
Date: Tue, 28 Jan 2025 22:03:08 +0330
Subject: [PATCH 25/30] Updated

---
 frontend/pages/product/[id].vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/pages/product/[id].vue b/frontend/pages/product/[id].vue
index a35503b..1de326a 100644
--- a/frontend/pages/product/[id].vue
+++ b/frontend/pages/product/[id].vue
@@ -9,7 +9,9 @@ const id = route.params.id as string | undefined;
 
 const { suspense } = useGetProduct(id);
 
-onServerPrefetch(async () => {
+// ssr
+
+await useAsyncData(async () => {
     const response = await suspense();
 
     if (response.isError) {
@@ -23,7 +25,7 @@ onServerPrefetch(async () => {
 </script>
 
 <template>
-    <div class="w-full flex flex-col">
+    <div class="w-full flex flex-col gap-20">
         <ProductHero />
         <ProductVideo />
         <ProductComments />

From 85e4296e607236454cc2b34254e06dda71027ff4 Mon Sep 17 00:00:00 2001
From: marzban-dev <marzban.dev@gmail.com>
Date: Tue, 28 Jan 2025 22:09:53 +0330
Subject: [PATCH 26/30] Updated

---
 frontend/components/global/Header.vue         | 18 ++--
 .../global/product-detail/ProductsSlider.vue  | 20 ++--
 .../global/product-detail/Slider.vue          | 10 +-
 .../components/global/product/ProductCard.vue | 92 ++++++++++++-------
 .../global/products/FilterProducts.vue        | 16 +---
 .../components/product/ProductComments.vue    |  2 +-
 frontend/components/product/ProductHero.vue   | 32 ++++---
 frontend/components/product/ProductVideo.vue  |  4 +-
 frontend/pages/category.vue                   | 58 +++++++-----
 frontend/types/global.d.ts                    |  6 +-
 10 files changed, 145 insertions(+), 113 deletions(-)

diff --git a/frontend/components/global/Header.vue b/frontend/components/global/Header.vue
index 45e1d1e..5e0c1c6 100644
--- a/frontend/components/global/Header.vue
+++ b/frontend/components/global/Header.vue
@@ -18,16 +18,16 @@ const { logout } = useAuth();
 
 const nav_links = ref<NavLink[]>([
     {
-        title: "فروشگاه",
-        path: "#"
+        title: "خانه",
+        path: "/"
+    },
+    {
+        title: "محصولات",
+        path: "/products"
     },
     {
         title: "دسته بندی ها",
-        path: "#"
-    },
-    {
-        title: "جستجو",
-        path: "#"
+        path: "/category"
     },
     {
         title: "ارتباط با ما",
@@ -62,9 +62,9 @@ const nav_links = ref<NavLink[]>([
                     <NuxtLink to="/signin" v-else class="flex-center">
                         <Icon name="ci:profile" size="24px" class="**:stroke-black" />
                     </NuxtLink>
-                    <button class="flex-center">
+                    <NuxtLink to="/products" class="flex-center">
                         <Icon name="ci:search" size="21px" class="**:stroke-black" />
-                    </button>
+                    </NuxtLink>
                     <button class="flex-center">
                         <Icon name="ci:cart" size="24px" class="**:stroke-black" />
                     </button>
diff --git a/frontend/components/global/product-detail/ProductsSlider.vue b/frontend/components/global/product-detail/ProductsSlider.vue
index 3e07923..23b0e3f 100644
--- a/frontend/components/global/product-detail/ProductsSlider.vue
+++ b/frontend/components/global/product-detail/ProductsSlider.vue
@@ -3,6 +3,7 @@
 
 import { Swiper, SwiperSlide } from "swiper/vue";
 import type { SwiperClass } from "swiper/react";
+import useHomeData from "~/composables/api/home/useHomeData";
 
 // types
 
@@ -16,6 +17,8 @@ defineProps<Props>();
 
 // state
 
+const { data : homeData } = useHomeData();
+
 const swiper_instance = ref<SwiperClass | null>(null);
 
 // methods
@@ -76,15 +79,16 @@ const onSwiper = (swiper: SwiperClass) => {
         </div>
         <div class="w-full">
             <Swiper :slides-per-view="3" :space-between="24" @swiper="onSwiper">
-                <SwiperSlide v-for="i in 4" :key="i">
+                <SwiperSlide v-for="product in homeData!.products" :key="product.id">
                     <ProductCard
-                        brand="Samsung"
-                        title="Galaxy S20 Ultra"
-                        picture="/assets/img/product-1.jpg"
-                        :colors="['#0000ff', '#00ff00', 'red']"
-                        :price="599"
-                        :rate="2.4"
-                        tag="New"
+                        :id="product.id"
+                        brand="برند محصول"
+                        :title="product.name"
+                        :picture="product.image1"
+                        :colors="['white', 'black']"
+                        :price="product.price"
+                        :rate="product.rating"
+                        :dark-layer="true"
                     />
                 </SwiperSlide>
             </Swiper>
diff --git a/frontend/components/global/product-detail/Slider.vue b/frontend/components/global/product-detail/Slider.vue
index 65c4fcb..4e16223 100644
--- a/frontend/components/global/product-detail/Slider.vue
+++ b/frontend/components/global/product-detail/Slider.vue
@@ -35,20 +35,20 @@ const changeSlide = (id: number) => {
 </script>
 
 <template>
-    <div class="flex flex-col relative gap-4">
-        <div class="bg-red-300 w-full relative aspect-square overflow-hidden rounded-200">
+    <div class="flex flex-col relative gap-6">
+        <div class="bg-white brightness-[97%] w-full relative aspect-square overflow-hidden rounded-200">
             <img
-                class="size-full absolute object-cover"
+                class="size-full absolute object-contain"
                 :src="selectedSlideDetail.picture"
                 :alt="String(selectedSlideDetail.id)"
             />
         </div>
-        <div class="flex items-center justify-between gap-4">
+        <div class="flex items-center justify-between gap-6">
             <div
                 @click="changeSlide(slide.id)"
                 v-for="slide in slides"
                 :class="selectedSlide === slide.id ? 'ring-black' : 'ring-transparent'"
-                class="cursor-pointer aspect-square w-[108px] ring-2 ring-offset-4 rounded-200 w-full overflow-hidden relative"
+                class="cursor-pointer brightness-[97%] bg-white aspect-square ring-2 ring-offset-4 rounded-200 w-full overflow-hidden relative"
                 :key="slide.id"
             >
                 <img class="absolute object-cover size-full" :src="slide.picture" :alt="String(slide.id)" />
diff --git a/frontend/components/global/product/ProductCard.vue b/frontend/components/global/product/ProductCard.vue
index d4e18ab..ddfa8f2 100644
--- a/frontend/components/global/product/ProductCard.vue
+++ b/frontend/components/global/product/ProductCard.vue
@@ -4,62 +4,88 @@
 import Tag from "~/components/global/Tag.vue";
 import Rate from "~/components/global/Rate.vue";
 import ColorCircle from "~/components/global/ColorCircle.vue";
+import { useImageColor } from "~/composables/global/useImageColor";
 
 // types
 
 type Props = {
+    id: number,
     brand: string;
     title: string;
     colors: string[];
-    price: number;
+    price: string;
     picture: string;
     tag?: string;
     rate?: number;
+    darkLayer?: boolean;
 };
 
 // props
 
-defineProps<Props>();
+const props = defineProps<Props>();
+const { id } = toRefs(props);
+
+// state
+
+const { colorObject } = useImageColor(`#product-image-${id.value}`);
+
 </script>
 
 <template>
-    <div
-        class="relative size-full min-h-[31.25rem] rounded-2xl bg-black/10 overflow-hidden p-6"
-    >
-        <img
-            src="~/assets/img/product-2.jpg"
-            class="size-full object-cover absolute inset-0"
-            alt="product-background"
-        />
+    <NuxtLink :to="'/product/' + id">
         <div
-            class="flex justify-between items-center absolute px-6 pt-6 top-0 w-full inset-x-0"
+            class="relative size-full min-h-[31.25rem] rounded-2xl bg-white brightness-[98%] overflow-hidden p-6"
         >
-            <Rate v-if="rate">
-                {{ rate }}
-            </Rate>
-            <Tag v-if="tag">
-                {{ tag }}
-            </Tag>
-        </div>
-        <div
-            class="absolute inset-x-0 bottom-0 pb-6 px-6 flex flex-row-reverse justify-between items-end"
-        >
-            <span class="typo-p-md"> {{ price }} </span>
-            <div class="flex flex-col gap-2 items-start">
-                <span class="typo-p-md">
+            <img
+                :id="`product-image-${id}`"
+                :src="picture"
+                class="size-full object-contain absolute inset-0"
+                alt="product-background"
+            />
+
+            <div
+                v-if="darkLayer"
+                class="bg-linear-to-t inset-0 from-black/50 to-transparent to-40% absolute z-10 size-full"
+            />
+
+            <div
+                class="flex justify-between items-center absolute px-6 pt-6 top-0 w-full inset-x-0"
+            >
+                <Rate v-if="rate" :rate="rate"/>
+                <Tag v-if="tag">
+                    {{ tag }}
+                </Tag>
+            </div>
+            <div
+                :class="
+                colorObject?.isLight && !darkLayer
+                    ? 'text-black'
+                    : 'text-white'
+            "
+                class="absolute inset-x-0 bottom-0 pb-6 px-6 flex flex-row-reverse justify-between items-end z-10"
+            >
+
+                <div class="flex flex-col gap-2 items-start w-full">
+                <span class="typo-p-md font-medium">
                     {{ brand }}
                 </span>
-                <span class="typo-sub-h-md">
+                    <span class="typo-sub-h-lg">
                     {{ title }}
                 </span>
-                <!-- <div class="flex items-center gap-2 mt-1">
-                    <ColorCircle
-                        v-for="color in colors"
-                        :key="color"
-                        :style="{ backgroundColor: color }"
-                    />
-                </div> -->
+                    <div class="flex items-center justify-between w-full mt-1">
+                        <div class="flex items-center gap-2 mt-1">
+                            <ColorCircle
+                                v-for="color in colors"
+                                :key="color"
+                                :style="{ backgroundColor: color }"
+                            />
+                        </div>
+                        <span class="typo-p-md font-medium whitespace-nowrap">
+                        {{ price }}
+                    </span>
+                    </div>
+                </div>
             </div>
         </div>
-    </div>
+    </NuxtLink>
 </template>
diff --git a/frontend/components/global/products/FilterProducts.vue b/frontend/components/global/products/FilterProducts.vue
index 148d182..2ce7268 100644
--- a/frontend/components/global/products/FilterProducts.vue
+++ b/frontend/components/global/products/FilterProducts.vue
@@ -131,16 +131,6 @@ watch(
                     دسته بندی
                 </div>
                 <ComboBox :options="options" v-model="params.category" />
-                <div
-                    v-if="params.category"
-                    class="w-full flex flex-wrap gap-2 px-[1rem]"
-                >
-                    <span
-                        class="py-1 px-3 cursor-pointer text-nowrap bg-slate-100 rounded-full text-sm"
-                    >
-                        {{ params.category }}
-                    </span>
-                </div>
             </div>
 
             <div class="flex flex-col w-full gap-5">
@@ -177,7 +167,7 @@ watch(
                         <span class="text-sm text-black">
                             {{
                                 "price_gte" in params
-                                    ? params.price_gte.toLocaleString()
+                                    ? sliderValue[0].toLocaleString()
                                     : PRODUCT_RANGE.min
                             }}
                         </span>
@@ -187,7 +177,7 @@ watch(
                         <span class="text-sm text-black">
                             {{
                                 "price_lte" in params
-                                    ? params.price_lte.toLocaleString()
+                                    ? sliderValue[1].toLocaleString()
                                     : PRODUCT_RANGE.max
                             }}
                         </span>
@@ -240,5 +230,3 @@ watch(
         </Button>
     </div>
 </template>
-
-<style scoped></style>
diff --git a/frontend/components/product/ProductComments.vue b/frontend/components/product/ProductComments.vue
index 15c2611..4bc9a08 100644
--- a/frontend/components/product/ProductComments.vue
+++ b/frontend/components/product/ProductComments.vue
@@ -3,7 +3,7 @@
 </script>
 
 <template>
-    <section class="bg-slate-50 p-20">
+    <section class="bg-slate-50">
         <div class="flex gap-12 my-42 container">
             <div class="flex flex-col gap-6 min-w-fit">
                 <h3 class="typo-h-3">
diff --git a/frontend/components/product/ProductHero.vue b/frontend/components/product/ProductHero.vue
index a25ecc1..b49cb48 100644
--- a/frontend/components/product/ProductHero.vue
+++ b/frontend/components/product/ProductHero.vue
@@ -14,20 +14,22 @@ const { data: product } = useGetProduct(id);
 const quantity = ref(1);
 
 const selectedSlide = ref(0);
-const slides = [
-    {
-        id: 0,
-        picture: "/img/product-1.jpg",
-    },
-    {
-        id: 1,
-        picture: "/img/product-2.jpg",
-    },
-    {
-        id: 2,
-        picture: "/img/product-3.jpg",
-    },
-];
+const slides = computed(() => {
+    return [
+        {
+            id: 0,
+            picture: product.value!.image1
+        },
+        {
+            id: 1,
+            picture: product.value!.image2
+        },
+        {
+            id: 2,
+            picture: product.value!.image3
+        }
+    ];
+});
 </script>
 
 <template>
@@ -45,7 +47,7 @@ const slides = [
                 <Rating />
             </div>
             <p class="typo-p-md text-slate-500 text-justify">
-                {{product!.description}}
+                {{ product!.description }}
             </p>
             <div class="w-full flex flex-col gap-6 mt-4">
                 <RemainQuantity
diff --git a/frontend/components/product/ProductVideo.vue b/frontend/components/product/ProductVideo.vue
index 00e6a89..003f6bf 100644
--- a/frontend/components/product/ProductVideo.vue
+++ b/frontend/components/product/ProductVideo.vue
@@ -15,9 +15,9 @@ const { data: product } = useGetProduct(id);
 </script>
 
 <template>
-    <section class="h-[110svh] w-full relative bg-black mt-[5rem]">
+    <section v-if="product?.video" class="h-[110svh] w-full relative bg-black mt-[5rem]">
         <video
-            src="/video/product-video.mp4"
+            :src="product.video"
             class="object-cover absolute size-full"
             muted
             autoplay
diff --git a/frontend/pages/category.vue b/frontend/pages/category.vue
index 56ffa91..34cb535 100644
--- a/frontend/pages/category.vue
+++ b/frontend/pages/category.vue
@@ -14,13 +14,18 @@ const debouncedSearch = refDebounced(search, 300);
 // computed
 
 const filteredCategories = computed(() => {
+
     if (debouncedSearch.value.length > 0) {
-        return categories.value?.filter((cat) =>
-            cat.name.includes(debouncedSearch.value)
-        );
+        return categories.value!.map((cat) => {
+            cat.subcategorys = cat.subcategorys.filter((subcat) => {
+                return subcat.name.includes(debouncedSearch.value);
+            });
+
+            return cat;
+        });
     }
 
-    return categories.value;
+    return categories.value!;
 });
 
 // ssr
@@ -32,10 +37,10 @@ await useAsyncData(async () => {
     if (response.isError) {
         throw createError({
             statusCode: 500,
-            statusMessage: `Error in categories page prefetch`,
+            statusMessage: `Error in categories page prefetch`
         });
     }
-})
+});
 
 </script>
 
@@ -61,21 +66,32 @@ await useAsyncData(async () => {
             </Input>
         </div>
         <Transition name="fade" mode="out-in">
-            <div
-                v-if="filteredCategories?.length !== 0"
-                v-auto-animate
-                class="grid grid-cols-3 gap-4 w-full mt-12"
-            >
-                <CategoryCard
-                    v-for="category in filteredCategories"
-                    :key="category.id"
-                    :id="category.id"
-                    :category="category.name"
-                    :picture="category.icon"
-                    :count="20"
-                    description="یک دسته بندی تستasdasd"
-                    dark-layer
-                />
+            <div v-if="filteredCategories">
+                <div
+                    class="flex flex-col gap-6"
+                    v-for="mainCategory in filteredCategories"
+                >
+                    <div class="w-full flex items-center justify-between">
+                        <span>
+                            {{ mainCategory.name }}
+                        </span>
+                    </div>
+                    <div
+                        v-auto-animate
+                        class="grid grid-cols-3 gap-4 w-full mt-12"
+                    >
+                        <CategoryCard
+                            v-for="category in mainCategory.subcategorys"
+                            :key="category.id"
+                            :id="category.id"
+                            :category="category.name"
+                            :picture="category.icon"
+                            :count="20"
+                            description="یک دسته بندی تستasdasd"
+                            dark-layer
+                        />
+                    </div>
+                </div>
             </div>
 
             <div v-else class="flex w-full mt-12">
diff --git a/frontend/types/global.d.ts b/frontend/types/global.d.ts
index 3100cff..6ee21e3 100644
--- a/frontend/types/global.d.ts
+++ b/frontend/types/global.d.ts
@@ -48,9 +48,6 @@ declare global {
         name: string;
         slug: string;
         icon: string;
-        meta_title: string;
-        meta_description: string;
-        parent: number;
         "product_count": string,
         "subcategorys": SubCategory[]
     };
@@ -60,9 +57,8 @@ declare global {
         "name": string,
         "slug": string,
         "icon": string,
-        "meta_title": string,
-        "meta_description": string,
         "product_count": string,
+        "parent": string,
         "show": boolean
     }
 

From 49f773a168748f5ef2a671ddcf9613811906e64e Mon Sep 17 00:00:00 2001
From: Parsa Nazer <parsa.nazerrr@gmail.com>
Date: Tue, 28 Jan 2025 22:13:00 +0330
Subject: [PATCH 27/30] remove sh -c from front docker file

---
 frontend/dockerfile | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/dockerfile b/frontend/dockerfile
index 240e8dd..52d9096 100644
--- a/frontend/dockerfile
+++ b/frontend/dockerfile
@@ -10,4 +10,4 @@ WORKDIR /app
 COPY --from=build-stage /app /app
 EXPOSE 3000
 ENV NODE_ENV=production
-CMD ["sh", "-c", "npm", "run", "start"]
\ No newline at end of file
+CMD ["npm", "run", "start"]
\ No newline at end of file

From b6c282f6cc7b2b882d3e5289ed1c4117ff3bae4e Mon Sep 17 00:00:00 2001
From: Parsa Nazer <parsa.nazerrr@gmail.com>
Date: Tue, 28 Jan 2025 22:16:20 +0330
Subject: [PATCH 28/30] debug True

---
 backend/core/settings.py | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/backend/core/settings.py b/backend/core/settings.py
index 7421780..7595fbe 100644
--- a/backend/core/settings.py
+++ b/backend/core/settings.py
@@ -27,13 +27,13 @@ EMAIL_HOST_PASSWORD = os.getenv("EMAIL_HOST_PASSWORD")
 DEFAULT_FROM_EMAIL = os.getenv("SECRET_KEY")
 
 SECRET_KEY = os.getenv("SECRET_KEY")
-DEBUG = False
+DEBUG = True
 # in production lists of allowed hosts and allowed orgins will genrate
 # in development every host and orgin will be true
 # in prodcution it will use the postgres info you enterd in .env.local
 # in development it will use the sqlite 
 BASE_DIR = Path(__file__).resolve().parent.parent
-if not DEBUG:
+if DEBUG:
     ALLOWED_HOSTS = ['127.0.0.1', 'localhost', DOMAIN, API_DOMAIN]
     CSRF_TRUSTED_ORIGINS = [
         f"https://{DOMAIN}",

From 39bd8bdb4d45097a25a714a1691ce2765cdbcdb2 Mon Sep 17 00:00:00 2001
From: Parsa Nazer <parsa.nazerrr@gmail.com>
Date: Tue, 28 Jan 2025 22:26:13 +0330
Subject: [PATCH 29/30] sub category parent force

---
 .../0004_alter_subcategorymodel_parent.py     | 20 +++++++++++++++++++
 backend/product/models.py                     |  2 +-
 2 files changed, 21 insertions(+), 1 deletion(-)
 create mode 100644 backend/product/migrations/0004_alter_subcategorymodel_parent.py

diff --git a/backend/product/migrations/0004_alter_subcategorymodel_parent.py b/backend/product/migrations/0004_alter_subcategorymodel_parent.py
new file mode 100644
index 0000000..d331c23
--- /dev/null
+++ b/backend/product/migrations/0004_alter_subcategorymodel_parent.py
@@ -0,0 +1,20 @@
+# Generated by Django 5.1.2 on 2025-01-28 18:53
+
+import django.db.models.deletion
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('product', '0003_subcategorymodel_icon_alter_subcategorymodel_image'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='subcategorymodel',
+            name='parent',
+            field=models.ForeignKey(default=1, on_delete=django.db.models.deletion.CASCADE, related_name='subcategorys', to='product.maincategorymodel', verbose_name='دسته\u200cبندی والد'),
+            preserve_default=False,
+        ),
+    ]
diff --git a/backend/product/models.py b/backend/product/models.py
index cabc85f..b0a9dd6 100644
--- a/backend/product/models.py
+++ b/backend/product/models.py
@@ -32,7 +32,7 @@ class SubCategoryModel(models.Model):
     icon = models.ImageField(upload_to='category_model/',verbose_name='آیکون', blank=True, null=True)
     meta_title = models.CharField(max_length=60, verbose_name="عنوان متا", help_text="عنوان متا برای SEO", blank=True, null=True)
     meta_description = models.TextField(max_length=160, verbose_name="توضیحات متا", help_text="توضیحات متا برای SEO", blank=True, null=True)
-    parent = models.ForeignKey(MainCategoryModel, on_delete=models.CASCADE, related_name='subcategorys', null=True, blank=True, verbose_name='دسته‌بندی والد')
+    parent = models.ForeignKey(MainCategoryModel, on_delete=models.CASCADE, related_name='subcategorys', verbose_name='دسته‌بندی والد')
     show = models.BooleanField(default=False, verbose_name='نمایش در خانه')
     
     class Meta:

From 9041b7c7e2f08826645681f5bd30a72cd28f4113 Mon Sep 17 00:00:00 2001
From: Parsa Nazer <parsa.nazerrr@gmail.com>
Date: Tue, 28 Jan 2025 22:35:13 +0330
Subject: [PATCH 30/30] add image field

---
 backend/product/serializers.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/backend/product/serializers.py b/backend/product/serializers.py
index 2fde664..12e25f4 100644
--- a/backend/product/serializers.py
+++ b/backend/product/serializers.py
@@ -40,7 +40,7 @@ class SubCategorySerializer(serializers.ModelSerializer):
     parent = serializers.SerializerMethodField()
     class Meta:
         model = SubCategoryModel
-        fields = ['id', 'name', 'slug','icon', 'meta_title', 'meta_description', 'product_count', 'show', 'parent']
+        fields = ['id', 'name', 'slug','icon', 'meta_title', 'meta_description', 'product_count', 'show', 'parent', 'image']
     def get_product_count(self, obj):
         return obj.products.count()
     def get_parent(self, obj):