From ad7a4b839d3d161ca7a49889624b15df2a61e11b Mon Sep 17 00:00:00 2001
From: HAM!DREZA <hamidreza.eidy1999@gmail.com>
Date: Wed, 3 Jul 2024 21:25:34 +0330
Subject: [PATCH] deploy v-1

---
 .gitignore                                    |   1 +
 components.d.ts                               |  14 +-
 src/assets/alt.png                            | Bin 0 -> 4918 bytes
 src/components/AddFaq.vue                     |  73 ++++
 src/components/AddVideo.vue                   | 242 +++--------
 src/components/CategoryForm.vue               |   4 +-
 src/components/CouponDetails.vue              |  55 ++-
 src/components/EditVideo.vue                  | 203 +++++++++
 src/components/FaqDetails.vue                 |  47 ++
 src/components/HeadlineDetail.vue             |  16 +-
 src/components/ProductDetails.vue             |   2 +-
 src/components/ProductForm.vue                |   3 +-
 src/components/ProductFormSteps/FirstStep.vue |   2 +-
 src/components/UserDetails.vue                |  63 ++-
 src/layouts/Main.vue                          |   2 +-
 src/plugins/axios.js                          |   2 +-
 src/router/index.js                           |  11 +-
 src/stores/Headlines.js                       |   5 +-
 src/stores/admins.js                          |  21 +-
 src/stores/categoreis.js                      |   9 +-
 src/stores/courseComments.js                  |   4 +-
 src/stores/discounts.js                       |  33 +-
 src/stores/faq.js                             |  22 +-
 src/stores/products.js                        |   5 +
 src/stores/statics.js                         |  39 +-
 src/stores/tickets.js                         |   2 +-
 src/stores/uploader.js                        |  47 +-
 src/stores/users.js                           |   4 +
 src/utils/tree-toggler-rtl.js                 |   2 +-
 src/views/About.vue                           |  31 +-
 src/views/AddVideos.vue                       |  31 +-
 src/views/Admins.vue                          |  21 +-
 src/views/AnswerComment.vue                   |  19 +-
 src/views/Categories.vue                      | 203 ++++-----
 src/views/Comments.vue                        |  65 +--
 src/views/Coupons.vue                         |  16 +-
 src/views/Courses.vue                         |  20 +-
 src/views/Create.vue                          | 409 +++++++++++-------
 src/views/CreateCoupon.vue                    |  97 +++--
 src/views/Edit.vue                            | 387 +++++++++++------
 src/views/EditCoupon.vue                      |  29 +-
 src/views/Faq.vue                             |  85 +++-
 src/views/HeaderMenu.vue                      |  62 ++-
 src/views/Login.vue                           | 107 +++--
 src/views/ShowTickets.vue                     |  14 +-
 src/views/Tickets.vue                         |   6 +-
 src/views/Users.vue                           |   8 +-
 src/views/Videos.vue                          |  14 +-
 src/views/couponsHistory.vue                  |  32 ++
 49 files changed, 1636 insertions(+), 953 deletions(-)
 create mode 100644 src/assets/alt.png
 create mode 100644 src/components/AddFaq.vue
 create mode 100644 src/components/EditVideo.vue
 create mode 100644 src/components/FaqDetails.vue
 create mode 100644 src/views/couponsHistory.vue

diff --git a/.gitignore b/.gitignore
index c2658d7..04c01ba 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,2 @@
 node_modules/
+dist/
\ No newline at end of file
diff --git a/components.d.ts b/components.d.ts
index b9e7102..481fb46 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -7,20 +7,19 @@ export {}
 /* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
+    AddFaq: typeof import('./src/components/AddFaq.vue')['default']
     AddVideo: typeof import('./src/components/AddVideo.vue')['default']
     Avatar: typeof import('primevue/avatar')['default']
-    Badge: typeof import('primevue/badge')['default']
     Button: typeof import('primevue/button')['default']
     Card: typeof import('primevue/card')['default']
     CategoryForm: typeof import('./src/components/CategoryForm.vue')['default']
-    Checkbox: typeof import('primevue/checkbox')['default']
     Column: typeof import('primevue/column')['default']
-    copy: typeof import('./src/components/ProductDetails copy.vue')['default']
     CouponDetails: typeof import('./src/components/CouponDetails.vue')['default']
     DataTable: typeof import('primevue/datatable')['default']
     Dropdown: typeof import('primevue/dropdown')['default']
     Editor: typeof import('primevue/editor')['default']
-    Fieldset: typeof import('primevue/fieldset')['default']
+    EditVideo: typeof import('./src/components/EditVideo.vue')['default']
+    FaqDetails: typeof import('./src/components/FaqDetails.vue')['default']
     FileUpload: typeof import('primevue/fileupload')['default']
     FirstStep: typeof import('./src/components/ProductFormSteps/FirstStep.vue')['default']
     FloatLabel: typeof import('primevue/floatlabel')['default']
@@ -36,26 +35,25 @@ declare module 'vue' {
     InputText: typeof import('primevue/inputtext')['default']
     Listbox: typeof import('primevue/listbox')['default']
     Menu: typeof import('primevue/menu')['default']
+    Message: typeof import('primevue/message')['default']
     OverlayPanel: typeof import('primevue/overlaypanel')['default']
     Pagination: typeof import('./src/components/Pagination.vue')['default']
     Paginator: typeof import('primevue/paginator')['default']
     Panel: typeof import('primevue/panel')['default']
     PanelMenu: typeof import('primevue/panelmenu')['default']
-    Password: typeof import('primevue/password')['default']
     ProductDetails: typeof import('./src/components/ProductDetails.vue')['default']
     ProductForm: typeof import('./src/components/ProductForm.vue')['default']
-    ProgressBar: typeof import('primevue/progressbar')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
     SecondStep: typeof import('./src/components/ProductFormSteps/SecondStep.vue')['default']
     Sidebar: typeof import('primevue/sidebar')['default']
+    Stepper: typeof import('primevue/stepper')['default']
+    StepperPanel: typeof import('primevue/stepperpanel')['default']
     Tag: typeof import('primevue/tag')['default']
     Textarea: typeof import('primevue/textarea')['default']
     TheWelcome: typeof import('./src/components/TheWelcome.vue')['default']
     ThirdStep: typeof import('./src/components/ProductFormSteps/ThirdStep.vue')['default']
-    ToggleButton: typeof import('primevue/togglebutton')['default']
     Toolbar: typeof import('primevue/toolbar')['default']
-    TreeTable: typeof import('primevue/treetable')['default']
     UserDetails: typeof import('./src/components/UserDetails.vue')['default']
     WelcomeItem: typeof import('./src/components/WelcomeItem.vue')['default']
   }
diff --git a/src/assets/alt.png b/src/assets/alt.png
new file mode 100644
index 0000000000000000000000000000000000000000..4e47c088010a3590e3b2b803b06132f72646d2a5
GIT binary patch
literal 4918
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

literal 0
HcmV?d00001

diff --git a/src/components/AddFaq.vue b/src/components/AddFaq.vue
new file mode 100644
index 0000000..f7fd2e1
--- /dev/null
+++ b/src/components/AddFaq.vue
@@ -0,0 +1,73 @@
+
+<template>
+  <section class="flex flex-col gap-4 pt-7">
+    <div class="flex gap-7">
+      <div class="flex flex-col gap-7 items-center">
+        <div class="flex flex-col gap-1 w-96">
+          <FloatLabel>
+            <InputText class="w-full" v-model="newFaq.title" />
+            <label>{{ $t("سوال") }}</label>
+          </FloatLabel>
+        </div>
+
+        <div class="flex flex-col gap-1 w-96">
+          <FloatLabel>
+            <Textarea v-model="newFaq.description" rows="3" class="w-full" />
+            <label>{{ $t("پاسخ") }}</label>
+          </FloatLabel>
+        </div>
+      </div>
+    </div>
+
+    <div class="w-full flex gap-2 mt-4">
+      <Button
+        :label="$t('back')"
+        outlined
+        severity="secondary"
+        class="ml-auto"
+        @click="dialog.close()"
+      />
+      <Button
+        :label="$t('save')"
+        icon="pi pi-save"
+        severity="success"
+        @click="save(newFaq)"
+        :loading="saving"
+      />
+    </div>
+  </section>
+</template>
+
+<script setup>
+import { inject, reactive, ref } from "vue";
+import { useFaqStore } from "@/stores/faq";
+const store = useFaqStore();
+const saving = ref(false);
+
+const dialog = inject("dialogRef");
+const type = ref();
+const produc = reactive(dialog.value.data);
+
+const { toast, t } = inject("service");
+const newFaq = reactive({
+  title: "",
+  description: "",
+});
+
+const save = async (newFaq) => {
+saving.value = true;
+  const send = await store.create(newFaq);
+  if (send.status === 200 || send.status === 201) {
+    toast.add({
+      severity: "success",
+      summary: "موفق",
+      detail: "آیتم جدید ایجاد شد",
+      life: 3000,
+    });
+    
+    dialog.value.close()
+  }
+  saving.value = false;
+  store.index()
+};
+</script>
diff --git a/src/components/AddVideo.vue b/src/components/AddVideo.vue
index 3333db5..ac25821 100644
--- a/src/components/AddVideo.vue
+++ b/src/components/AddVideo.vue
@@ -5,15 +5,15 @@
       <div class="flex flex-col gap-7 items-center">
         <div class="flex flex-col gap-1 w-96">
           <FloatLabel>
-            <InputText class="w-full" v-model="headline"/>
+            <InputText class="w-full" v-model="newEpisode.headline"/>
             <label>{{ $t("عنوان ویدیو") }}</label>
           </FloatLabel>
         </div>
 
         <div class="flex flex-col gap-1 w-96">
           <FloatLabel>
-            <Textarea v-model="description" rows="3" class="w-full" />
-            <label>{{ $t("توضیحات متا") }}</label>
+            <Textarea v-model="newEpisode.description" rows="3" class="w-full" />
+            <label>{{ $t("توضیحات") }}</label>
           </FloatLabel>
         </div>
 
@@ -33,164 +33,31 @@
       </div>
 
       <div class="flex flex-col gap-7 items-center">
-        <div>
-          <div class="card w-[400px]">
-            <Toast />
-            <FileUpload
-              name="demo[]"
-              url="/api/upload"
-              @upload="onTemplatedUpload($event)"
-              :multiple="true"
-              accept="image/*"
-              :maxFileSize="1000000"
-              @select="onSelectedFiles"
-            >
-              <template
-                #header="{
-                  chooseCallback,
-                  uploadCallback,
-                  clearCallback,
-                  files,
-                }"
-              >
-                <div
-                  class="flex flex-wrap justify-between items-center flex-1 gap-4"
-                >
-                  <div class="flex gap-2">
-                    <Button
-                      @click="chooseCallback()"
-                      icon="pi pi-images"
-                      rounded
-                      outlined
-                      severity="secondary"
-                    ></Button>
-                    <Button
-                      @click="uploadEvent(uploadCallback)"
-                      icon="pi pi-cloud-upload"
-                      rounded
-                      outlined
-                      severity="success"
-                      :disabled="!files || files.length === 0"
-                    ></Button>
-                    <Button
-                      @click="clearCallback()"
-                      icon="pi pi-times"
-                      rounded
-                      outlined
-                      severity="danger"
-                      :disabled="!files || files.length === 0"
-                    ></Button>
-                  </div>
-                  <ProgressBar
-                    :value="totalSizePercent"
-                    :showValue="false"
-                    class="md:w-20rem h-1 w-full md:ml-auto"
-                  >
-                    <span class="whitespace-nowrap"
-                      >{{ totalSize }}B / 1Mb</span
-                    >
-                  </ProgressBar>
-                </div>
-              </template>
-              <template
-                #content="{
-                  files,
-                  uploadedFiles,
-                  removeUploadedFileCallback,
-                  removeFileCallback,
-                }"
-              >
-                <div class="flex flex-col gap-8 pt-4">
-                  <div v-if="files.length > 0">
-                    <h5>Pending</h5>
-                    <div class="flex flex-wrap gap-4">
-                      <div
-                        v-for="(file, index) of files"
-                        :key="file.name + file.type + file.size"
-                        class="p-8 rounded-border flex flex-col border border-surface items-center gap-4"
-                      >
-                        <div>
-                          <img
-                            role="presentation"
-                            :alt="file.name"
-                            :src="file.objectURL"
-                            width="100"
-                            height="50"
-                          />
-                        </div>
-                        <span
-                          class="font-semibold text-ellipsis max-w-60 whitespace-nowrap overflow-hidden"
-                          >{{ file.name }}</span
-                        >
-                        <div>{{ formatSize(file.size) }}</div>
-                        <Badge value="Pending" severity="warn" />
-                        <Button
-                          icon="pi pi-times"
-                          @click="
-                            onRemoveTemplatingFile(
-                              file,
-                              removeFileCallback,
-                              index
-                            )
-                          "
-                          outlined
-                          rounded
-                          severity="danger"
-                        />
-                      </div>
+        <FileUpload mode="advanced" multiple  @select="chooseImages"
+                @remove="chooseImages" >
+                <template #header="{ chooseCallback }">
+                    <div class="flex justify-between w-full items-center">
+                        <h2 class="font-bold text-xl ">{{ $t('بارگذاری ویدیو') }}</h2>
+                        <Button :label="$t('انتخاب ویدیو')" severity="secondary" icon="pi pi-video" text
+                            @click="chooseCallback()" />
                     </div>
-                  </div>
+                </template>
+                <template #content="{ files }">
+                    <div v-if="files.length > 0" class="flex gap-4 justify-between ">
+                      <div v-if="loading" class="h-[300px] w-[500px] flex justify-center items-center">درحال بارگذاری ویدیو</div>                      
+                      <div v-else class="h-[300px] w-[500px] flex justify-center items-center">ویدیو آپلود شد</div>
+                    </div>
+                </template>
 
-                  <div v-if="uploadedFiles.length > 0">
-                    <h5>Completed</h5>
-                    <div class="flex flex-wrap gap-4">
-                      <div
-                        v-for="(file, index) of uploadedFiles"
-                        :key="file.name + file.type + file.size"
-                        class="p-8 rounded-border flex flex-col border border-surface items-center gap-4"
-                      >
-                        <div>
-                          <img
-                            role="presentation"
-                            :alt="file.name"
-                            :src="file.objectURL"
-                            width="100"
-                            height="50"
-                          />
-                        </div>
-                        <span
-                          class="font-semibold text-ellipsis max-w-60 whitespace-nowrap overflow-hidden"
-                          >{{ file.name }}</span
-                        >
-                        <div>{{ formatSize(file.size) }}</div>
-                        <Badge
-                          value="Completed"
-                          class="mt-4"
-                          severity="success"
-                        />
-                        <Button
-                          icon="pi pi-times"
-                          @click="removeUploadedFileCallback(index)"
-                          outlined
-                          rounded
-                          severity="danger"
-                        />
-                      </div>
+
+
+                <template #empty>
+                    <div class="flex items-center justify-center flex-col gap-8 py-12 w-[51rem] h-96">
+                        <i class="pi pi-video border-2 rounded-full p-5 text-8xl text-400 border-400" />
+                        <p>{{ $t('جهت آپلود ویدیو را اینجا رها کنید') }}</p>
                     </div>
-                  </div>
-                </div>
-              </template>
-              <template #empty>
-                <div class="flex items-center justify-center flex-col">
-                  <i
-                    class="pi pi-cloud-upload border-2 rounded-full p-8 text-4xl text-muted-color"
-                  />
-                  <p class="mt-6 mb-0">ویدیو را اینجا رها کنید</p>
-                </div>
-              </template>
+                </template>
             </FileUpload>
-          </div>
-        </div>
       </div>
     </div>
 
@@ -218,56 +85,61 @@ import { inject, reactive, ref } from "vue";
 import { usePrimeVue } from "primevue/config";
 import { useToast } from "primevue/usetoast";
 import { useHeadlinesStore } from "@/stores/Headlines"
+import { useUploaderStore } from "@/stores/uploader";
+const loading = ref(false)
+const uploadStore = useUploaderStore();
+
+
 const store = useHeadlinesStore()
 const dialog = inject("dialogRef");
 const type = ref();
-const produc = reactive(Object.assign({}, dialog.value.data));
-const sabt = () => {
-  console.log(produc);
-};
+const produc = reactive(dialog.value.data);
+const saving = ref(false)
 const videoStatus = ref(null);
 const setType = () => {
   if (type.value === "غیرفعال") {
-    videoStatus.value = "DeActivate";
+    newEpisode.status = "DeActivate";
   }
   if (type.value === "تکمیل شده") {
-    videoStatus.value = "Completed";
+    newEpisode.status = "Completed";
   }
   if (type.value === "درحال ضبط") {
-    videoStatus.value = "Recording";
+    newEpisode.status = "Recording";
   }
   if (type.value === "به زودی...") {
-    videoStatus.value = "Soon";
+    newEpisode.status = "Soon";
   }
-  console.log("type:", videoStatus.value, produc.produc);
-  console.log(type.value);
-};
-const headline = ref('');
-const description = ref('');
-const videoUrl = ref('');
-const $primevue = usePrimeVue();
-const toast = useToast();
 
-const totalSize = ref(0);
-const totalSizePercent = ref(0);
-const files = ref([]);
-const course = ref(produc.produc)
+};
+const newEpisode = reactive({
+  headline: "",
+  description: "",
+  course: produc.produc,
+  videoUrl: "",
+  status: ""
+})
+
+const chooseImages = async(files) => {
+loading.value = true
+const uploader = await uploadStore.uploader(files.files[0]);
+newEpisode.videoUrl = uploader.data.key
+loading.value = false
+
+}
+
 
 const save = async() =>{
-   const send = await store.create({
-        headline: headline.value,
-        description: description.value,
-        course: produc.produc,
-        videoUrl: 'https://dlearn.storage.iran.liara.space/test/1cb985c8-26a0-4120-824c-f496349e45bfmatt_devir--one_minute_drive_preview.webm',
-        status: videoStatus.value
-    })
-    console.log('send', send);
+  saving.value = true;
+   const send = await store.create(newEpisode)
+   saving.value = false;
+dialog.value.close()
 }
 
 const onRemoveTemplatingFile = (file, removeFileCallback, index) => {
   removeFileCallback(index);
   totalSize.value -= parseInt(formatSize(file.size));
   totalSizePercent.value = totalSize.value / 10;
+
 };
 
 const onClearTemplatingUpload = (clear) => {
diff --git a/src/components/CategoryForm.vue b/src/components/CategoryForm.vue
index de1f414..59dc581 100644
--- a/src/components/CategoryForm.vue
+++ b/src/components/CategoryForm.vue
@@ -50,8 +50,8 @@
   const save = async () => {
     saving.value = true
     const { status, data } = await store.create(name)
-    console.log('status',status);
-    save.value = false
+
+    saving.value = false
 
            if (status === 201 || status === 200)
            toast.add({
diff --git a/src/components/CouponDetails.vue b/src/components/CouponDetails.vue
index 712905a..22ab76f 100644
--- a/src/components/CouponDetails.vue
+++ b/src/components/CouponDetails.vue
@@ -37,8 +37,11 @@
             </li>
             <li class="flex items-center justify-between">
                 <strong>{{ $t('تغییر وضعیت') }}</strong>
-                <ToggleButton @change="changeStatus" v-model="checked" onLabel="فعال" offLabel="غیرفعال" />
+                <!-- <ToggleButton @change="changeStatus" v-model="checked" onLabel="فعال" offLabel="غیرفعال" /> -->
+                <Tag v-if="coupon.coupon.status === 'DeActivate'" @click="changeToActive" class="cursor-pointer" severity="success" value="فعال سازی"></Tag>
+                <Tag v-if="coupon.coupon.status === 'Active'" @click="changeToDeActive" class="cursor-pointer" severity="danger" value="غیرفعال سازی"></Tag>
             </li>
+
         </ul>
     </section>
 
@@ -51,13 +54,57 @@ import { numberFormat } from '@/utils/numberFormat';
 import {useDiscountStore} from '../stores/discounts'
 const store = useDiscountStore()
 import { ref } from 'vue';
+import { useRouter } from 'vue-router';
 const checked = ref(false);
-const changeStatus = async() => {
+const { confirm, toast, t } = inject("service");
+const router = useRouter()
+const saving = ref(false)
+const changeToDeActive = async() =>{
+    const change = await store.changeStatus({
+        id: coupon.coupon.id,
+        status: 'DeActivate'
+    })
+    if (change === true) {
+  toast.add({
+      life: 2000,
+      severity: "success",
+      summary: t("successful"),
+      detail: t("وضعیت ویرایش شد"),
+    });
+    store.index()
+    dialog.value.close()
+ }else{
+  return toast.add({
+      life: 2000,
+      severity: "error",
+      summary: t("error"),
+      detail: t("خطا، محدد تلاش کنید"),
+    });
+ }
+    
+}
+const changeToActive = async() => {
    const change = await store.changeStatus({
         id: coupon.coupon.id,
         status: 'Active'
     })
-    console.log(change);
+    if (change === true) {
+  toast.add({
+      life: 2000,
+      severity: "success",
+      summary: t("successful"),
+      detail: t("وضعیت ویرایش شد"),
+    });
+    store.index()
+    dialog.value.close()
+ }else{
+  return toast.add({
+      life: 2000,
+      severity: "error",
+      summary: t("error"),
+      detail: t("خطا، محدد تلاش کنید"),
+    });
+ }
     
 };
     const tabs = ref([
@@ -68,7 +115,7 @@ const changeStatus = async() => {
 const dialog = inject('dialogRef')
 
 const coupon = reactive(Object.assign({}, dialog.value.data))
-console.log('der', coupon.coupon);
+
 const confirmToSales = (value) => {
     dialog.value.data.confirm(user, value)
 }
diff --git a/src/components/EditVideo.vue b/src/components/EditVideo.vue
new file mode 100644
index 0000000..6be6daa
--- /dev/null
+++ b/src/components/EditVideo.vue
@@ -0,0 +1,203 @@
+
+<template>
+  <section class="flex flex-col gap-4 pt-7">
+    <div class="flex gap-7">
+      <div class="flex flex-col gap-7 items-center">
+        <div class="flex flex-col gap-1 w-96">
+          <FloatLabel>
+            <InputText class="w-full" v-model="newEpisode.headline"/>
+            <label>{{ $t("عنوان ویدیو") }}</label>
+          </FloatLabel>
+        </div>
+
+        <div class="flex flex-col gap-1 w-96">
+          <FloatLabel>
+            <Textarea v-model="newEpisode.description" rows="3" class="w-full" />
+            <label>{{ $t("توضیحات") }}</label>
+          </FloatLabel>
+        </div>
+
+        <div class="flex flex-col gap-1 w-96">
+          <FloatLabel>
+            <Dropdown
+              v-model="type"
+              @change="setType"
+              :options="['تکمیل شده', 'غیرفعال', 'درحال ضبط', 'به زودی...']"
+              :optionLabel="levels"
+              :optionValue="levels"
+              class="w-full"
+            />
+            <label>{{ $t("وضعیت ویدیو") }}</label>
+          </FloatLabel>
+        </div>
+      </div>
+
+      <div class="flex flex-col gap-7 items-center">
+        <FileUpload mode="advanced" multiple  @select="chooseImages"
+                @remove="chooseImages" >
+                <template #header="{ chooseCallback }">
+                    <div class="flex justify-between w-full items-center">
+                        <h2 class="font-bold text-xl ">{{ $t('بارگذاری ویدیو') }}</h2>
+                        <Button :label="$t('انتخاب ویدیو')" severity="secondary" icon="pi pi-video" text
+                            @click="chooseCallback()" />
+                    </div>
+                </template>
+                <template #content="{ files }">
+                    <div v-if="files.length > 0" class="flex gap-4 justify-between ">
+                      <div v-if="loading" class="h-[300px] w-[500px] flex justify-center items-center">درحال بارگذاری ویدیو</div>                      
+                      <div v-else class="h-[300px] w-[500px] flex justify-center items-center">ویدیو آپلود شد</div>
+                    </div>
+                </template>
+
+
+
+                <template #empty>
+                    <div class="flex items-center justify-center flex-col gap-8 py-12 w-[51rem] h-96">
+                        <i class="pi pi-video border-2 rounded-full p-5 text-8xl text-400 border-400" />
+                        <p>{{ $t('جهت تغییر ویدیو، ویدیو جدید را اینجا رها کنید') }}</p>
+                    </div>
+                </template>
+            </FileUpload>
+      </div>
+    </div>
+
+    <div class="w-full flex gap-2 mt-4">
+      <Button
+        :label="$t('back')"
+        outlined
+        severity="secondary"
+        class="ml-auto"
+        @click="dialog.close()"
+      />
+      <Button
+        :label="$t('save')"
+        icon="pi pi-save"
+        severity="success"
+        @click="save()"
+        :loading="saving"
+      />
+    </div>
+  </section>
+</template>
+
+<script setup>
+import { inject, reactive, ref, watchEffect } from "vue";
+import { usePrimeVue } from "primevue/config";
+import { useToast } from "primevue/usetoast";
+import { useHeadlinesStore } from "@/stores/Headlines"
+import { useUploaderStore } from "@/stores/uploader";
+const loading = ref(false)
+const uploadStore = useUploaderStore();
+const saving = ref(false)
+
+const store = useHeadlinesStore()
+const dialog = inject("dialogRef");
+const type = ref();
+const produc = reactive(dialog.value.data);
+
+
+const videoStatus = ref(null);
+const setType = () => {
+  if (type.value === "غیرفعال") {
+    newEpisode.status = "DeActivate";
+  }
+  if (type.value === "تکمیل شده") {
+    newEpisode.status = "Completed";
+  }
+  if (type.value === "درحال ضبط") {
+    newEpisode.status = "Recording";
+  }
+  if (type.value === "به زودی...") {
+    newEpisode.status = "Soon";
+  }
+
+};
+
+const newEpisode = reactive({
+  headline: produc.product.headline,
+  description: produc.product.description,
+  course: produc.product.course,
+  videoUrl: produc.product.videoUrl,
+  status: produc.product.status
+})
+watchEffect(() =>{
+  if (produc.product.status === "Completed") {
+    type.value = 'تکمیل شده'
+  }
+  if (produc.product.status === "DeActivate") {
+    type.value = 'غیر فعال'
+  }
+  if (produc.product.status === "Recording") {
+    type.value = "درحال ضبط"
+  }
+  if (produc.product.status === "Soon") {
+    type.value = "به زودی..."
+  }
+})
+
+const chooseImages = async(files) => {
+loading.value = true
+const uploader = await uploadStore.uploader(files.files[0]);
+newEpisode.videoUrl = uploader.data.key
+loading.value = false
+
+}
+
+
+const save = async() =>{
+  saving.value = true
+   const send = await store.edit(produc.product.id, newEpisode)
+   console.log(send);
+   saving.value = false
+   dialog.value.close()
+}
+
+const onRemoveTemplatingFile = (file, removeFileCallback, index) => {
+  removeFileCallback(index);
+  totalSize.value -= parseInt(formatSize(file.size));
+  totalSizePercent.value = totalSize.value / 10;
+
+};
+
+const onClearTemplatingUpload = (clear) => {
+  clear();
+  totalSize.value = 0;
+  totalSizePercent.value = 0;
+};
+
+const onSelectedFiles = (event) => {
+  files.value = event.files;
+  files.value.forEach((file) => {
+    totalSize.value += parseInt(formatSize(file.size));
+  });
+};
+
+const uploadEvent = (callback) => {
+  totalSizePercent.value = totalSize.value / 10;
+  callback();
+};
+
+const onTemplatedUpload = () => {
+  toast.add({
+    severity: "info",
+    summary: "Success",
+    detail: "File Uploaded",
+    life: 3000,
+  });
+};
+
+const formatSize = (bytes) => {
+  const k = 1024;
+  const dm = 3;
+  const sizes = $primevue.config.locale.fileSizeTypes;
+
+  if (bytes === 0) {
+    return `0 ${sizes[0]}`;
+  }
+
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  const formattedSize = parseFloat((bytes / Math.pow(k, i)).toFixed(dm));
+
+  return `${formattedSize} ${sizes[i]}`;
+};
+</script>
diff --git a/src/components/FaqDetails.vue b/src/components/FaqDetails.vue
new file mode 100644
index 0000000..0add387
--- /dev/null
+++ b/src/components/FaqDetails.vue
@@ -0,0 +1,47 @@
+<template>
+    <section class="flex flex-col gap-6 w-[700px]">
+   
+        <ul class="flex flex-col gap-5 space-y-6">
+
+            <li class="flex items-center justify-between">
+                <strong>{{ $t('id') }}</strong>
+                <div class="flex items-center gap-2 w-max">
+                    <!-- <i v-if="user.confirmEmail" class="pi pi-verified text-green-600"></i> -->
+                    <span>{{ user.product.id }}</span>
+                </div>
+            </li>
+            <li class="flex items-center justify-between">
+                <strong>{{ $t('سوال') }}</strong>
+                <span>{{ user.product.title }}</span>
+            </li>
+            <li class="flex items-center justify-between gap-32">
+                <strong>{{ $t('پاسخ') }}</strong>
+                <span>{{ user.product.description }}</span>
+            </li>
+         
+        </ul>
+    </section>
+
+</template>
+
+<script setup>
+import { inject, reactive } from 'vue';
+import { jDate } from '@/utils/jDate';
+import { numberFormat } from '@/utils/numberFormat';
+import { ref } from 'vue';
+    
+    const tabs = ref([
+        { title: 'Tab 1', content: 'Tab 1 Content', value: '0' },
+        { title: 'Tab 2', content: 'Tab 2 Content', value: '1' },
+        { title: 'Tab 3', content: 'Tab 3 Content', value: '2' }
+    ]);
+const dialog = inject('dialogRef')
+
+const user = reactive(Object.assign({}, dialog.value.data))
+
+const confirmToSales = (value) => {
+    dialog.value.data.confirm(user, value)
+}
+</script>
+
+<style lang="scss" scoped></style>
\ No newline at end of file
diff --git a/src/components/HeadlineDetail.vue b/src/components/HeadlineDetail.vue
index 77d68ed..a2b0ec7 100644
--- a/src/components/HeadlineDetail.vue
+++ b/src/components/HeadlineDetail.vue
@@ -3,7 +3,7 @@
         <ul class="flex flex-col gap-5">
   
             <li class="flex items-center justify-between">
-                <video :src="head.product.videoUrl" autoplay></video>
+                <video :src="videoUrl.data.url" autoplay></video>
                </li>
             <li class="flex items-center justify-between">
                 <strong>{{ $t('عنوان') }}</strong>
@@ -63,20 +63,26 @@
 </template>
 
 <script setup>
-import { inject, reactive } from 'vue';
+import { inject, reactive, watchEffect } from 'vue';
 import { jDate } from '@/utils/jDate';
 import { numberFormat } from '@/utils/numberFormat';
+import { useUploaderStore } from "@/stores/uploader"
+
 import { ref } from 'vue';
-    
+    const store = useUploaderStore()
     const tabs = ref([
         { title: 'Tab 1', content: 'Tab 1 Content', value: '0' },
         { title: 'Tab 2', content: 'Tab 2 Content', value: '1' },
         { title: 'Tab 3', content: 'Tab 3 Content', value: '2' }
     ]);
 const dialog = inject('dialogRef')
-
+const videoUrl  = ref()
 const head = reactive(Object.assign({}, dialog.value.data))
-console.log('der', head);
+console.log('head', );
+watchEffect(async() =>{
+     videoUrl.value  = await store.getUrl(head.product.videoUrl)
+    console.log(videoUrl);
+})
 // const confirmToSales = (value) => {
 //     dialog.value.data.confirm(user, value)
 // }
diff --git a/src/components/ProductDetails.vue b/src/components/ProductDetails.vue
index 7a8c6bc..e046a32 100644
--- a/src/components/ProductDetails.vue
+++ b/src/components/ProductDetails.vue
@@ -79,7 +79,7 @@ import { ref } from 'vue';
 const dialog = inject('dialogRef')
 
 const user = reactive(Object.assign({}, dialog.value.data))
-console.log('der', user.product);
+
 const confirmToSales = (value) => {
     dialog.value.data.confirm(user, value)
 }
diff --git a/src/components/ProductForm.vue b/src/components/ProductForm.vue
index 3406dc3..dc526ce 100644
--- a/src/components/ProductForm.vue
+++ b/src/components/ProductForm.vue
@@ -34,7 +34,7 @@ const { toast, t } = inject('service')
 const { product } = dialog.value.data
 
 const form = reactive(Object.assign({}, product || {}))
-console.log(form)
+
 const errors = reactive({})
 
 const saving = ref(false)
@@ -48,7 +48,6 @@ const uploader = useUploaderStore()
 const save = async () => {
     saving.value = true
 
-    console.log(form);
 
     //Upload File
     if (typeof form.coverImage === 'object') {
diff --git a/src/components/ProductFormSteps/FirstStep.vue b/src/components/ProductFormSteps/FirstStep.vue
index 9a143cc..687e1d3 100644
--- a/src/components/ProductFormSteps/FirstStep.vue
+++ b/src/components/ProductFormSteps/FirstStep.vue
@@ -60,7 +60,7 @@ import { inject } from 'vue';
 const dialogRef = inject('dialogRef')
 
 const { form, errors } = inject('data')
-console.log('ax',form);
+
 
 </script>
 
diff --git a/src/components/UserDetails.vue b/src/components/UserDetails.vue
index 0675e90..f311b3d 100644
--- a/src/components/UserDetails.vue
+++ b/src/components/UserDetails.vue
@@ -24,7 +24,12 @@
                 <strong>{{ $t('status') }}</strong>
                 <span>{{ user.statusText }}</span>
             </li>
-       
+            <li class="flex items-center justify-between">
+                <strong>{{ $t('تغییر وضعیت') }}</strong>
+                <!-- <ToggleButton @change="changeStatus" v-model="checked" onLabel="فعال" offLabel="غیرفعال" /> -->
+                <Tag v-if="user.status === 'DeActivate'" @click="changeToActive" class="cursor-pointer" severity="success" value="فعال سازی"></Tag>
+                <Tag v-if="user.status === 'Active'" @click="changeToDeActive" class="cursor-pointer" severity="danger" value="غیرفعال سازی"></Tag>
+            </li>
         </ul>
     </section>
 </template>
@@ -35,12 +40,64 @@ import { jDate } from '@/utils/jDate';
 import { inject, reactive } from 'vue';
 
 const dialog = inject('dialogRef')
-
+import { useUsersStore } from '@/stores/users';
+const store = useUsersStore()
 const user = reactive(Object.assign({}, dialog.value.data.user))
-
+const { confirm, toast, t } = inject("service");
 const confirmToSales = (value) => {
     dialog.value.data.confirm(user, value)
 }
+
+const changeToDeActive = async() =>{
+    const change = await store.changeStatus({
+        userId: user.id,
+        status: 'DeActivate'
+    })
+    if (change === true) {
+  toast.add({
+      life: 2000,
+      severity: "success",
+      summary: t("successful"),
+      detail: t("وضعیت ویرایش شد"),
+    });
+    store.index()
+    dialog.value.close()
+ }else{
+  return toast.add({
+      life: 2000,
+      severity: "error",
+      summary: t("error"),
+      detail: t("خطا، محدد تلاش کنید"),
+    });
+ }
+    
+}
+const changeToActive = async() => {
+   const change = await store.changeStatus({
+    userId: user.id,
+        status: 'Active'
+    })
+    if (change === true) {
+  toast.add({
+      life: 2000,
+      severity: "success",
+      summary: t("successful"),
+      detail: t("وضعیت ویرایش شد"),
+    });
+    store.index()
+    dialog.value.close()
+ }else{
+  return toast.add({
+      life: 2000,
+      severity: "error",
+      summary: t("error"),
+      detail: t("خطا، محدد تلاش کنید"),
+    });
+ }
+    
+};
+
+
 </script>
 
 <style lang="scss" scoped></style>
\ No newline at end of file
diff --git a/src/layouts/Main.vue b/src/layouts/Main.vue
index 53e4860..098366a 100644
--- a/src/layouts/Main.vue
+++ b/src/layouts/Main.vue
@@ -128,7 +128,7 @@ const items = ref([
             {
                 label: t('تاریخچه ی تخفیف ها'),
                 icon: 'pi pi-history',
-                command: () => router.push('/Coupons')
+                command: () => router.push('/couponsHistory')
             },
             
         ],
diff --git a/src/plugins/axios.js b/src/plugins/axios.js
index 19c3dcd..5ef31e0 100644
--- a/src/plugins/axios.js
+++ b/src/plugins/axios.js
@@ -1,7 +1,7 @@
 import { useAdminsStore } from '@/stores/admins'
 import axioss from 'axios'
 
-const baseURL = 'https://dlearn.iran.liara.run'
+const baseURL = 'https://dlearn.liara.run'
 
 const axios = axioss.create({ baseURL })
 
diff --git a/src/router/index.js b/src/router/index.js
index 8b31aaa..505cdc0 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -14,9 +14,9 @@ const router = createRouter({
         },
         {
             path: '/',
-            name: 'Main',
-            //redirect: '/products',
-            component: Main,
+            // name: 'Main',
+            redirect: '/courses',
+             component: Main,
             children: [
                 {
                     path: '/categories',
@@ -108,6 +108,11 @@ const router = createRouter({
                     name: 'AddVideos',
                     component: () => import('@/views/AddVideos.vue'),
                 },
+                {
+                    path: '/couponsHistory',
+                    name: 'couponsHistory',
+                    component: () => import('@/views/couponsHistory.vue'),
+                },
                 // {
                 //     path: '/videos/create',
                 //     name: 'createVideo',
diff --git a/src/stores/Headlines.js b/src/stores/Headlines.js
index 5e2b5a0..c7b5750 100644
--- a/src/stores/Headlines.js
+++ b/src/stores/Headlines.js
@@ -30,10 +30,9 @@ export const useHeadlinesStore = defineStore('headlines', {
         // },
  
 
-        async edit(id) {
-            const { status, data } = await axios.get(`/course/${id}`)
+        async edit(id, body) {
+            const { status, data } = await axios.put(`/courseHeadline/${id}`, body)
             return data
-
         },
 async create(form){
     const {status, data} = await axios.post('/courseHeadline', form)
diff --git a/src/stores/admins.js b/src/stores/admins.js
index 18801ef..50b4d1e 100644
--- a/src/stores/admins.js
+++ b/src/stores/admins.js
@@ -19,12 +19,9 @@ export const useAdminsStore = defineStore('admins', {
                 phone: number.value,
                 type: 1
             })
-              console.log('state',data);
+       
             if (status == 200) {
-                // this.token = data.accessToken
-                // this.permissions = data.permissions
-              //  console.log(data);
-                
+         
                 return { status, data, error }
             }
 
@@ -33,13 +30,15 @@ export const useAdminsStore = defineStore('admins', {
                 phone: number.value,
                 code: code.value
             })
-
-            console.log(data);
+console.log('data server', data);
             if (status == 200) {
-                console.log('first', this.token);
-                 this.token = data.token
-                // this.permissions = data.permissions
-                console.log('two', this.token);
+                if (data.roles[0] === "Admin") {
+                    this.token = data.token
+                }
+                else{
+                    this.token = ''  
+                }
+ 
                 return { status, data, error }
             }
 
diff --git a/src/stores/categoreis.js b/src/stores/categoreis.js
index 2c7fe16..63b76c2 100644
--- a/src/stores/categoreis.js
+++ b/src/stores/categoreis.js
@@ -46,12 +46,11 @@ export const useCategoriesStore = defineStore('categories', {
         }
     },
     actions: {
-        async index(page, rows) {
+        async index() {
             this.fetching = true
-            const params = { page, rows }
-            const { status, data } = await axios.get('/courseCategory', { params })
+            const  {data}  = await axios.get('/courseCategory')
             this.fetching = false
-            return data
+     return data
             if (status === 200) {
                 const map = (items, parent = null) => {
                     return items.map((item) => {
@@ -81,7 +80,7 @@ export const useCategoriesStore = defineStore('categories', {
                 name: id.value
             })
 
-            //console.log('result', result);
+       
             return result;
         },
 
diff --git a/src/stores/courseComments.js b/src/stores/courseComments.js
index cf39547..db59fe3 100644
--- a/src/stores/courseComments.js
+++ b/src/stores/courseComments.js
@@ -50,7 +50,7 @@ export const useCommentStore = defineStore('comments', {
             this.fetching = true
             const  data  = await axios.post(`/course/${id}/comment`, body)
             this.fetching = false
-            console.log(id, 'id');
+        
            return data
 
 
@@ -142,7 +142,7 @@ export const useCommentStore = defineStore('comments', {
                 name: id.value
             })
 
-            //console.log('result', result);
+
             return result;
         },
 
diff --git a/src/stores/discounts.js b/src/stores/discounts.js
index 90cdff8..32352a3 100644
--- a/src/stores/discounts.js
+++ b/src/stores/discounts.js
@@ -10,6 +10,32 @@ export const useDiscountStore = defineStore('discounts', {
         total: 0
     }),
     actions: {
+        async add(form) {
+            this.fetching = true
+            const { status, data } = await axios.post('/admins/discount', form)
+            this.fetching = false
+            return data
+        },
+        async history() {
+            this.fetching = true
+            const { status, data } = await axios.get('/admins/discountHistory')
+            this.fetching = false
+            return data
+        },
+
+
+
+
+
+
+
+
+
+
+
+
+
+        
         async index() {
             this.items = [];
             this.fetching = true
@@ -18,12 +44,7 @@ export const useDiscountStore = defineStore('discounts', {
             return this.items = data
 
         },
-        async add(form) {
-            this.fetching = true
-            const { status, data } = await axios.post('/admins/discount', form)
-            this.fetching = false
-            return data
-        },
+
         async getDiscount(id) {
             this.items = [];
             this.fetching = true
diff --git a/src/stores/faq.js b/src/stores/faq.js
index d45ec5b..83c3e7a 100644
--- a/src/stores/faq.js
+++ b/src/stores/faq.js
@@ -8,18 +8,28 @@ export const useFaqStore = defineStore('faq', {
         total: 0
     }),
     actions: {
-        async index(page, pageSize) {
+        async index() {
             this.items = [];
             this.fetching = true
-
-            const params = { page, pageSize }
-            const { status, data } = await axios.get('/admin/user/list', { params })
-
+            const { status, data } = await axios.get('/admins/faq/category')
             this.fetching = false
-            this.total = 30
             this.items = data;
 
         },
+        async remove(id) {
+            const data = await axios.delete(`/admins/faq/category/${id}`)
+        return data
+        },
+        async create(form) {
+            const data = await axios.post('/admins/faq/category', form)
+        return data
+        },
+
+
+
+
+
+
         async confirm(item, value) {
             item.confirming = true
             const result = await axios.put(`/admin/users/seller/${item.id}`, { confirmToSales: value })
diff --git a/src/stores/products.js b/src/stores/products.js
index 4cff794..acb10bd 100644
--- a/src/stores/products.js
+++ b/src/stores/products.js
@@ -29,6 +29,11 @@ export const useProductsStore = defineStore('products', {
 
             return data
 
+        },
+        async update(course) {
+            const { status, data } = await axios.put('/course', course)
+            return data
+
         },
         async delete(id) {
             const { status, data } = await axios.delete(`/course/${id}`, id)
diff --git a/src/stores/statics.js b/src/stores/statics.js
index 83c875b..9fc9727 100644
--- a/src/stores/statics.js
+++ b/src/stores/statics.js
@@ -8,43 +8,6 @@ export const useStaticsStore = defineStore('statics', {
         fetching: true,
         total: 0
     }),
-    getters: {
-        // treeSelect: (state) => (id = null) => {
-        //     if (id) {
-        //         const foreach = (items) => {
-        //             return items.filter((item) => {
-        //                 if (item.key != id) {
-        //                     if (item.children)
-        //                         item.children = foreach(item.children)
-        //                     return true
-        //                 } else return false
-        //             })
-        //         }
-        //         return foreach(state.items)
-        //     }
-        //     return state.items
-        // },
-        find: (state) => (id) => {
-            if (id) {
-                const foreach = (items) => {
-                    const item = items.find(({ key }) => key == id)
-                    if (item) return item
-
-                    for (let i = 0; i < items.length; i++) {
-                        const item = items[i];
-
-                        if (item.children) {
-                            const temp = foreach(item.children)
-                            if (temp) return temp
-                        }
-                    }
-                }
-
-                return foreach(state.items)
-            }
-            return '';
-        }
-    },
     actions: {
         async index() {
             this.fetching = true
@@ -70,7 +33,7 @@ export const useStaticsStore = defineStore('statics', {
                 name: id.value
             })
 
-//console.log('result', result);
+
             return result;
         },
 
diff --git a/src/stores/tickets.js b/src/stores/tickets.js
index 0345898..38c9ea2 100644
--- a/src/stores/tickets.js
+++ b/src/stores/tickets.js
@@ -171,7 +171,7 @@ export const useTicketsStore = defineStore('tickets', {
                 name: id.value
             })
 
-            //console.log('result', result);
+    
             return result;
         },
 
diff --git a/src/stores/uploader.js b/src/stores/uploader.js
index 60a3827..ea40b1c 100644
--- a/src/stores/uploader.js
+++ b/src/stores/uploader.js
@@ -14,9 +14,7 @@ export const useUploaderStore = defineStore('uploader', {
 
             form.append('directoryName', 'directoryName')
             form.append('file',  file)
-            // for (var pair of form.entries()) {
-            //     console.log('pairs :',pair[0]+ ', ' + pair[1]); 
-            // }
+          
             let config = {
                 headers: {
                     "Content-Type": "multipart/form-data",
@@ -28,49 +26,18 @@ export const useUploaderStore = defineStore('uploader', {
                     form,
                     config
                 );
-                console.log('result', result);
+       
           
                 return result;
             } catch (error) {
-                console.log('err', error);
+       
                 return error;
             }
-
-
-            //  const result = await axios.post('/uploader', form, 
-            //     {
-            //         headers: { "Content-Type": "multipart/form-data" }
-            //     }
-            // )
-            // console.log(result);
-            // return result
-            //    const result =  await axios({
-            //         method: "post",
-            //         url: "/uploader",
-            //         data: form,
-            //         headers: { "Content-Type": "multipart/form-data" },
-            //       })
-
-
-
-
-
-
-
-
-
-            // .then(function (response) {
-
-            //   console.log(response);
-            // })
-            // .catch(function (response) {
-
-            //   console.log(response);
-            // });
-            //  console.log('result', result);
-            //  return result;
         },
-
+async getUrl(fileName){
+    const data = await axios.get(`/uploader/file?fileName=${fileName}`)
+    return data
+},
 
 
         async bulk(files) {
diff --git a/src/stores/users.js b/src/stores/users.js
index 4ca6306..f6d6044 100644
--- a/src/stores/users.js
+++ b/src/stores/users.js
@@ -20,6 +20,10 @@ export const useUsersStore = defineStore('users', {
             this.items = data;
 
         },
+        async changeStatus(form) {
+            const { status, data } = await axios.patch('/admin/user/status', form)
+            return data
+        },
         async confirm(item, value) {
             item.confirming = true
             const result = await axios.put(`/admin/users/seller/${item.id}`, { confirmToSales: value })
diff --git a/src/utils/tree-toggler-rtl.js b/src/utils/tree-toggler-rtl.js
index e1b6987..8808f3a 100644
--- a/src/utils/tree-toggler-rtl.js
+++ b/src/utils/tree-toggler-rtl.js
@@ -5,6 +5,6 @@ export const treeTogglerRTL = (selector) => {
             element.style['margin-left'] = null
         });
     } catch (error) {
-        console.log(error);
+ 
     }
 }
\ No newline at end of file
diff --git a/src/views/About.vue b/src/views/About.vue
index dbb5d0d..16f4792 100644
--- a/src/views/About.vue
+++ b/src/views/About.vue
@@ -4,13 +4,13 @@
         <div class="grid grid-cols-2 gap-7">
           <div class="flex flex-col gap-1">
             <FloatLabel>
-              <InputText class="w-full" v-model="data.title" />
-              <label>{{ $t("حوزه های تخصصی") }}</label>
+              <InputText class="w-full" v-model="data.expertise" />
+              <label>{{ $t("تعداد حوزه های تخصصی") }}</label>
             </FloatLabel>
           </div>
           <div class="flex flex-col gap-1">
             <FloatLabel>
-              <InputText class="w-full" v-model="data.title" />
+              <InputText class="w-full" v-model="data.student" />
               <label>{{ $t("تعداد دانشجو ها") }}</label>
             </FloatLabel>
           </div>
@@ -18,7 +18,7 @@
         <div class="grid grid-cols-2 gap-7 mt-7">
           <div class="flex flex-col gap-1">
             <FloatLabel>
-              <InputText v-model="data.student" class="w-full" />
+              <InputText v-model="data.title" class="w-full" />
               <label>{{ $t("تعداد عناوین آموزشی") }}</label>
             </FloatLabel>
           </div>
@@ -62,8 +62,31 @@
     title: 0,
     hours: 0,
   });
+  const saving = ref(false);
   const save = async (data) => {
+    saving.value = true;
     const result = await store.edit(data);
+    
+  if (result.data === true){
+
+toast.add({
+  life: 2000,
+  severity: "success",
+  summary: t("successful"),
+  detail: t("اطلاعات با موفقیت ویرایش شد"),
+});
+
+}
+else
+return toast.add({
+  life: 2000,
+  severity: "error",
+  summary: t("error"),
+  detail: data.msg,
+});
+
+saving.value = false;
+
   };
   const expandedKeys = ref({});
   
diff --git a/src/views/AddVideos.vue b/src/views/AddVideos.vue
index ff2170d..9f4dc35 100644
--- a/src/views/AddVideos.vue
+++ b/src/views/AddVideos.vue
@@ -9,7 +9,7 @@
               @click="create()"
             />
           </template>
-      <DataTable :value="store.items">
+      <DataTable :value="videos">
  
         <Column class="w-64" field="headline" :header="$t('عنوان ویدیو')" />
         <Column field="description" :header="$t('description')" />
@@ -73,9 +73,9 @@
         <template #empty>
           <p>{{ store.fetching ? $t("loading") : $t("emptyTable") }}</p>
         </template>
-        <template #footer>
+        <!-- <template #footer>
           <Pagination :total="store.total" />
-        </template>
+        </template> -->
       </DataTable>
       <!-- <Galleria
         v-model:visible="galleryVes"
@@ -95,18 +95,22 @@
 <script setup>
 const { toast, dialog, confirm, t } = inject('service')
 
-import { ref, watchEffect, reactive, defineAsyncComponent, inject } from "vue";
+import { ref, watchEffect, reactive, defineAsyncComponent, inject, watch } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { useHeadlinesStore } from "@/stores/Headlines"
 const store = useHeadlinesStore()
 const route = useRoute()
-const videos = reactive({})
+const videos = ref()
 const HeadlineDetail = defineAsyncComponent(() => import('../components/HeadlineDetail.vue'));
 const AddVideo = defineAsyncComponent(() => import('../components/AddVideo.vue'));
-watchEffect(async() => {
-     await store.index(route.params.id)
-})
+const EditVideo = defineAsyncComponent(() => import('../components/EditVideo.vue'));
 
+watchEffect(async() => {
+   videos.value = await store.index(route.params.id)
+})
+watch(videos, async()=>{
+    videos.value = await store.index(route.params.id)
+})
 const show = (product) => {
     dialog.open(HeadlineDetail, {
         props: { modal: true, closable: true, header: t('پیش نمایش ویدیو') },
@@ -125,6 +129,17 @@ const create = () =>{
         }
     });
 }
+
+const edit = (product) => {
+    dialog.open(EditVideo, {
+        props: { modal: true, closable: true, header: t('ویرایش ویدیو') },
+        data: {
+            product
+        }
+    });
+}
+
+
 const remove = async(data) => {
     confirm.require({
         message: t('Are you sure you want to proceed?'),
diff --git a/src/views/Admins.vue b/src/views/Admins.vue
index 44e3202..f1bd2c9 100644
--- a/src/views/Admins.vue
+++ b/src/views/Admins.vue
@@ -33,19 +33,13 @@
             <p>{{ store.fetching ? $t("loading") : $t("emptyTable") }}</p>
           </template>
     
-          <template #footer>
-            <!--               
-                            <Paginator :rows="store.total" :totalRecords="store.total" :rowsPerPageOptions="[5, 20, 30]"></Paginator>
-                    -->
-    
-            <Pagination :total="store.total" />
-          </template>
+   
         </DataTable>
       </Panel>
 </template>
 <script setup>
 import { useUsersStore } from "@/stores/users";
-import { inject, reactive, defineAsyncComponent, ref, watchEffect } from "vue";
+import { inject, reactive, defineAsyncComponent, ref, watchEffect, watch } from "vue";
 const store = useUsersStore();
 const admins = ref()
 
@@ -61,9 +55,12 @@ const show = (user) => {
   });
 };
 watchEffect(async () => {
-  await store.index(1, 100);
-  console.log("user", store.items);
-   admins.value = store.items.filter(item => item.roles[1] === 'Admin' );
-   console.log('filter',admins);
+  await store.index();
+   admins.value = store.items.user.filter(item => item.roles[1] === 'Admin' );
 });
+watch(admins, async()=>{
+  await store.index();
+
+   admins.value = store.items.user.filter(item => item.roles[1] === 'Admin' );
+})
 </script>
\ No newline at end of file
diff --git a/src/views/AnswerComment.vue b/src/views/AnswerComment.vue
index b6d3e42..a6f547b 100644
--- a/src/views/AnswerComment.vue
+++ b/src/views/AnswerComment.vue
@@ -1,13 +1,16 @@
 <template>
     <Panel :header="$t('پاسخ به نظرات')">
         <div v-for="item in data.comments" :key="item.id">
+
             <div class="card mb-8">
                 <Panel toggleable>
                     <template #header>
                         <div class="flex items-center gap-2">
-                            <Avatar :image="item.createdBy.avatarMedia" size="large" shape="circle" />
-                            <span class="font-bold">{{item.createdBy.name}}</span>
-                        </div>
+                            <Avatar v-if="item.createdBy.avatarMedia" :image="item.createdBy.avatarMedia" size="large" shape="circle" />
+                            <Avatar v-else image="/src/assets/alt.png" size="large" shape="circle" />
+                            <span v-if="item.createdBy.name" class="font-bold">{{item.createdBy.name}}</span>
+                            <span v-else class="font-bold">کاربر بدون نام</span>
+                       </div>
                     </template>
                     <template #footer>
                         <div class="flex flex-wrap items-center justify-between gap-4">
@@ -80,17 +83,17 @@ const reply = (id) =>{
 }
 const sendReply = async() =>{
     if (replyTarget.value === null || replyTarget.value === '') {
-       return console.log('کامنت مورد نظر را انتخاب کنید');
+
     }
     if (value.value === null || value.value === '') {
-       return console.log('متن پیام را وارد کنید');
+ 
     }
-  //  console.log(value.value);
+
    const rep = await commentStore.reply(route.params.id, {
         text: value.value,
         parent: replyTarget.value
     })
-    console.log('rep', rep);
+
 }
 const items = ref([
     {
@@ -120,6 +123,6 @@ const save = () => {
 
 watchEffect(async() => {
 data.value = await store.edit(route.params.id)
-console.log('store', data.value.comments);
+
 })
 </script>
\ No newline at end of file
diff --git a/src/views/Categories.vue b/src/views/Categories.vue
index c89e899..2e08f49 100644
--- a/src/views/Categories.vue
+++ b/src/views/Categories.vue
@@ -1,117 +1,118 @@
 <template>
-    <Panel :header="$t('categories')">
-        <template #icons>
-            <Button icon="pi pi-plus" :label="$t('add')" severity="success" @click="create()" />
+  <Panel :header="$t('categories')">
+    <template #icons>
+      <Button
+        icon="pi pi-plus"
+        :label="$t('add')"
+        severity="success"
+        @click="create()"
+      />
+    </template>
+    <DataTable :value="categories">
+      <Column field="name" :header="$t('name')" />
+      <Column field="id" :header="$t('id')" />
+      <Column
+        :field="({ createdAt }) => jDate(createdAt)"
+        :header="$t('createdAt')"
+      />
+
+      <Column headerClass="w-32" :header="$t('options')">
+        <template #body="{ data }">
+          <div class="flex justify-start">
+            <!-- <Button icon="pi pi-pencil" rounded text severity="secondary" @click="edit(categories)" />
+                      -->
+            <Button
+              icon="pi pi-trash"
+              rounded
+              text
+              severity="danger"
+              @click="remove(data)"
+            />
+          </div>
         </template>
-        <TreeTable :value="store.items" v-model:expandedKeys="expandedKeys">
-
-            
-            <Column field="name" :header="$t('name')"  />
-
-            <!-- <Column :header="$t('image')">
-                <template #body="{ node: { data: { headerImage } } }">
-                    <Image :src="headerImage" imageClass="rounded h-10" class="align-middle" preview
-                        :pt="{ toolbar: 'flex-row-reverse' }" />
-                </template>
-            </Column> -->
-            <Column field="id" :header="$t('id')"  />
-
-
-
-
-            <Column :field="({ createdAt }) => jDate(createdAt)" :header="$t('createdAt')"  />
-
-       
-            <Column headerClass="w-32" :header="$t('options')">
-                <template #body="{ node: { data } }">
-                    <div class="flex justify-start">
-                        <!-- <Button icon="pi pi-pencil" rounded text severity="secondary" @click="edit(data)" /> -->
-                        <Button icon="pi pi-trash" rounded text severity="danger" @click="remove(data)"
-                            :loading="data.removing" />
-                    </div>
-                </template>
-            </Column>
-
-            <template #empty>
-                <p>{{ store.fetching ? $t('loading') : $t('emptyTable') }}</p>
-            </template>
-            <template #footer>
-                <Pagination :total="store.total" />
-            </template>
-        </TreeTable>
-    </Panel>
+      </Column>
+    </DataTable>
+  </Panel>
 </template>
 
 <script setup>
-import { jDate } from '@/utils/jDate';
-import { treeTogglerRTL } from '@/utils/tree-toggler-rtl';
-import { inject, defineAsyncComponent, watchEffect, ref, watch, nextTick } from 'vue';
-import { useCategoriesStore } from '@/stores/categoreis';
-import { useRoute } from 'vue-router';
+import { jDate } from "@/utils/jDate";
+import { treeTogglerRTL } from "@/utils/tree-toggler-rtl";
+import {
+  inject,
+  defineAsyncComponent,
+  watchEffect,
+  ref,
+  watch,
+  nextTick,
+} from "vue";
+import { useCategoriesStore } from "@/stores/categoreis";
+import { useRoute } from "vue-router";
+const categories = ref();
+// const expandedKeys = ref({});
 
-const expandedKeys = ref({});
+const CategoryForm = defineAsyncComponent(() =>
+  import("../components/CategoryForm.vue")
+);
 
-const CategoryForm = defineAsyncComponent(() => import('../components/CategoryForm.vue'));
+const { dialog, confirm, toast, t } = inject("service");
 
-const { dialog, confirm, toast, t } = inject('service')
+const store = useCategoriesStore();
 
-const store = useCategoriesStore()
-
-const create = () => {
-    dialog.open(CategoryForm, {
-        props: { modal: true, closable: false, header: t('createNewCategory') },
-        data: { categories: 'store.items' }
-    });
+const create = async() => {
+  dialog.open(CategoryForm, {
+    props: { modal: true, closable: false, header: t("createNewCategory") },
+    data: { categories: "store.items" },
+  });
+  await store.index(1,100)
 };
 
-const edit = (category) => {
-    dialog.open(CategoryForm, {
-        props: { modal: true, closable: false, header: t('editCategory') },
-        data: { categories: store.items, category }
-    });
+// const edit = (category) => {
+//     dialog.open(CategoryForm, {
+//         props: { modal: true, closable: false, header: t('editCategory') },
+//         data: { categories: store.items, category }
+//     });
+// };
+
+const remove = (data) => {
+  confirm.require({
+    message: t("Are you sure you want to proceed?"),
+    header: t("Danger Zone"),
+    icon: "pi pi-info-circle",
+    acceptClass: "p-button-danger p-button-sm",
+    rejectClass: "p-button-secondary p-button-outlined p-button-sm",
+    rejectLabel: t("cancel"),
+    acceptLabel: t("beOmitted"),
+    defaultFocus: "reject",
+    accept: async () => {
+      const deleted = await store.remove(data.id);
+      if (deleted.status === 200 || deleted.status === 201) {
+        toast.add({
+          severity: "success",
+          summary: t("successful"),
+          detail: t("دسته بندی حذف شد"),
+          life: 3000,
+        });
+       
+      } else
+        toast.add({
+          severity: "error",
+          summary: t("error"),
+          detail: t("خطا، مجدد تلاش کنید"),
+          life: 3000,
+        });
+
+    },
+    
+  });
 };
 
-const remove = (category) => {
-  //  console.log(category.id);
-    confirm.require({
-        message: t('Are you sure you want to proceed?'),
-        header: t('Danger Zone'),
-        icon: 'pi pi-info-circle',
-        acceptClass: 'p-button-danger p-button-sm',
-        rejectClass: 'p-button-secondary p-button-outlined p-button-sm',
-        rejectLabel: t('cancel'),
-        acceptLabel: t('beOmitted'),
-        defaultFocus: 'reject',
-        accept: async () => {
-            category.removing = true
-
-            const { status, data } = await store.remove(category.id);
-
-            category.removing = false
-
-            if (status === 200)
-                toast.add({
-                    severity: 'success', summary: t('successful'), detail: t('destroySuccessfully'), life: 3000
-                });
-            else
-                toast.add({
-                    severity: 'error', summary: t('error'), detail: data.msg, life: 3000
-                });
-        },
-    });
-};
-
-const route = useRoute()
-
-watchEffect(() => {
-    const { page = 1, rows = 10 } = route.query
-    store.index(page, rows)
-})
-watch(store , () =>{
-    store.index()
-})
-
-watch(expandedKeys, () => nextTick(() => treeTogglerRTL('button.p-treetable-toggler')))
+watchEffect(async () => {
+  categories.value = await store.index(1, 100);
+});
+watch(categories ,async () => {
+  categories.value = await store.index(1, 100);
+});
 </script>
 
 <style lang="scss" scoped></style>
diff --git a/src/views/Comments.vue b/src/views/Comments.vue
index 55bd24b..a6fa3d7 100644
--- a/src/views/Comments.vue
+++ b/src/views/Comments.vue
@@ -38,44 +38,13 @@
             </div>
           </template>
         </Column>
-        <!--   <Column :field="({ price }) => numberFormat(price)" :header="$t('price')" />
-              <Column :header="$t('category')" class="whitespace-nowrap">
-                  <template #body="{ data: { category } }">
-                      <span v-if="category.length > 0">
-                          {{ category.slice(-1)[0].name }}
-                      </span>
-                  </template>
-              </Column>
-              <Column field="name" :header="$t('reviews')">
-                  <template #body="{ data: { name } }">
-                      <Rating :modelValue="name" readonly :cancel="false" class="[&_svg]:text-yellow-400" />
-                  </template>
-              </Column>
-              <Column :header="$t('status')">
-                  <template #body="{ data: { confirmToShow, _id } }">
-                      <Tag v-if="!confirmToShow" value="غیر فعال" severity="danger" @click="accepter(_id,true)"/>
-                      <Tag v-if="confirmToShow" value="فعال" severity="success" @click="accepter(_id,false)"/>
-                  </template>
-                  
-              </Column>
-              <Column :field="({ createdAt }) => jDate(createdAt)" :header="$t('createdAt')" class="w-28" />
-              <Column :field="({ updatedAt }) => jDate(updatedAt)" :header="$t('updatedAt')" class="w-32 text-center" />
-              <Column headerClass="w-32">
-                  <template #body="{ data }">
-                      <div class="flex justify-end">
-                          <Button icon="pi pi-eye" rounded text severity="secondary" @click="show(data)" />
-                          <Button icon="pi pi-pencil" rounded text severity="secondary" @click="edit(data)" />
-                          <Button icon="pi pi-trash" rounded text severity="danger" :loading="data.removing"
-                              @click="remove(data)" />
-                      </div>
-                  </template>
-              </Column> -->
+     
         <template #empty>
           <p>{{ store.fetching ? $t("loading") : $t("emptyTable") }}</p>
         </template>
-        <template #footer>
+        <!-- <template #footer>
           <Pagination :total="store.total" />
-        </template>
+        </template> -->
       </DataTable>
       <Galleria
         v-model:visible="galleryVes"
@@ -131,7 +100,6 @@
   })
   const router = useRouter()
   const show = (data) => {
-console.log(data);
     router.push(`/comments/${data._id}`)
   }
   const UserDetails = defineAsyncComponent(() => import('../components/UserDetails.vue'));
@@ -144,7 +112,7 @@ console.log(data);
   
   
   const remove = (data) => {
-      console.log('done', data._id)
+   
       confirm.require({
           message: t('Are you sure you want to proceed?'),
           header: t('Danger Zone'),
@@ -156,25 +124,10 @@ console.log(data);
           defaultFocus: 'reject',
           accept: async () => {
         const deleted = await store.delete(data._id)
-        console.log(deleted);
+   
         await store.index()
           }
-  //             product.removing = true
-  
-  //             const { status, data } = await store.remove(product._id);
-  
-  //             product.removing = false
-  
-  //             if (status === 200)
-  //                 toast.add({
-  //                     severity: 'success', summary: t('successful'), detail: t('destroySuccessfully'), life: 3000
-  //                 });
-  //             else
-  //                 toast.add({
-  //                     severity: 'error', summary: t('error'), detail: data.msg, life: 3000
-  //                 });
-  
-  //         },
+
      });
   }
   
@@ -185,11 +138,7 @@ console.log(data);
   watchEffect(async() => {
       const { page = 1, pageSize = 10 } = route.query
     await store.index(page, pageSize)
-  console.log(store.items[2].image);
-  console.log(String.fromCharCode(store.items[2].image)).join('');
-      // store.items.forEach((product) => {
-      //     product.status = { value: t('active'), severity: 'success' };
-      // })
+
   
   })
   
diff --git a/src/views/Coupons.vue b/src/views/Coupons.vue
index d1fcd10..e847dfd 100644
--- a/src/views/Coupons.vue
+++ b/src/views/Coupons.vue
@@ -1,6 +1,6 @@
 <template>
     <Panel :header="$t('coupons')">
-        <DataTable :value="store.items">
+        <DataTable :value="store.items.discount">
      
           <Column field="code" :header="$t('کد تخفیف')" />
           <Column field="id" :header="$t('id')" />
@@ -8,7 +8,7 @@
           <Column :field="({ createdAt }) => jDate(createdAt)" :header="$t('createdAt')" />
           <Column :field="({ startDate }) => jDate(startDate)" :header="$t('تاریخ شروع')" />
             <Column :field="({ endDate }) => jDate(endDate)" :header="$t('تاریخ انقضا')" />
-                <Column field="status" :header="$t('status')" />
+                <Column field="statusText" :header="$t('status')" />
    
             
           <Column headerClass="w-32">
@@ -34,14 +34,11 @@
           <template #empty>
             <p>{{ store.fetching ? $t("loading") : $t("emptyTable") }}</p>
           </template>
-    
+<!--     
           <template #footer>
-            <!--               
-                            <Paginator :rows="store.total" :totalRecords="store.total" :rowsPerPageOptions="[5, 20, 30]"></Paginator>
-                    -->
-    
+       
             <Pagination :total="store.total" />
-          </template>
+          </template> -->
         </DataTable>
       </Panel>
 </template>
@@ -68,11 +65,10 @@ const show = (coupon) => {
 }
 const router = useRouter()
 const edit = (data) =>{
-    console.log(data.id);
+
     router.push(`/coupon/${data.id}`)
 }
 watchEffect( async() =>{
 await store.index()
-console.log('data', data);
 })
 </script>
\ No newline at end of file
diff --git a/src/views/Courses.vue b/src/views/Courses.vue
index 43ef7c4..398af3b 100644
--- a/src/views/Courses.vue
+++ b/src/views/Courses.vue
@@ -3,7 +3,7 @@
     <template #icons>
       <Button
         icon="pi pi-plus"
-        :label="$t('add')"
+        :label="$t('ایجاد دوره ی جدید')"
         severity="success"
         @click="create()"
       />
@@ -97,9 +97,9 @@
       <template #empty>
         <p>{{ store.fetching ? $t("loading") : $t("emptyTable") }}</p>
       </template>
-      <template #footer>
-        <Pagination :total="store.total" />
-      </template>
+      <!-- <template #footer>
+        <Pagination :total="store.items.count" />
+      </template> -->
     </DataTable>
     <Galleria
       v-model:visible="galleryVes"
@@ -161,6 +161,7 @@ const show = (product) => {
         }
     });
 }
+
 const UserDetails = defineAsyncComponent(() => import('../components/UserDetails.vue'));
 
 const store = useProductsStore()
@@ -172,7 +173,7 @@ const edit = (data) =>{
 
 
 const remove = (data) => {
-    console.log('done', data._id)
+
     confirm.require({
         message: t('Are you sure you want to proceed?'),
         header: t('Danger Zone'),
@@ -184,7 +185,7 @@ const remove = (data) => {
         defaultFocus: 'reject',
         accept: async () => {
       const deleted = await store.delete(data._id)
-      console.log(deleted);
+  
       await store.index()
         }
 //             product.removing = true
@@ -206,18 +207,13 @@ const remove = (data) => {
    });
 }
 
-
+const create = () => router.push('/create')
 
 
 
 watchEffect(async() => {
     const { page = 1, pageSize = 10 } = route.query
   await store.index(page, pageSize)
-console.log(store.items[2].image);
-console.log(String.fromCharCode(store.items[2].image)).join('');
-    // store.items.forEach((product) => {
-    //     product.status = { value: t('active'), severity: 'success' };
-    // })
 
 })
 
diff --git a/src/views/Create.vue b/src/views/Create.vue
index fe56fc4..2748913 100644
--- a/src/views/Create.vue
+++ b/src/views/Create.vue
@@ -1,124 +1,141 @@
 <template>
   <section class="flex flex-col gap-4">
     <Panel :header="$t('createCourse')">
-      <div class="grid grid-cols-3 gap-7">
-        <div class="flex flex-col gap-1">
-          <FloatLabel>
-            <InputText class="w-full" v-model="newCourse.name" />
-            <label>{{ $t("title") }}</label>
-          </FloatLabel>
-        </div>
-
-        <div class="flex flex-col gap-1">
-          <FloatLabel>
-            <InputText class="w-full" v-model="newCourse.language" />
-            <label>{{ $t("زبان آموزش") }}</label>
-          </FloatLabel>
-        </div>
-        <div class="flex flex-col gap-1">
-          <FloatLabel>
-            <InputText v-model="newCourse.duration" class="w-full" />
-            <label>{{ $t("مدت زمان دوره") }}</label>
-          </FloatLabel>
-        </div>
-
-        <div class="flex flex-col gap-1">
-          <FloatLabel>
-            <Dropdown
-            v-model="level"
-              :options="['مبتدی', 'متوسط', 'پیشرفته']"
-
-
-              class="w-full"
-            />
-            <label>{{ $t("سطح دوره") }}</label>
-          </FloatLabel>
-        </div>
-        <div class="flex flex-col gap-1">
-          <FloatLabel>
-            <InputText class="w-full" v-model="newCourse.teacher" />
-            <label>{{ $t("مدرس دوره") }}</label>
-          </FloatLabel>
-        </div>
-
-        <!-- <div class="flex flex-col gap-1">
-          <FloatLabel>
-            <InputText class="w-full" v-model="newCourse.categories" />
-            <label>{{ $t("دسته بندی") }}</label>
-          </FloatLabel>
-        </div> -->
-
-        <div class="flex flex-col gap-1">
-          <FloatLabel>
-            <InputText
-              class="w-full"
-              v-model="newCourse.completionPercentage"
-            />
-            <label>{{ $t("درصد تکمیل دوره") }}</label>
-          </FloatLabel>
-        </div>
-
-        <div class="flex flex-col gap-1">
-          <FloatLabel>
-            <InputText class="w-full" v-model="newCourse.videosCount" />
-            <label>{{ $t("تعداد ویدیو ها") }}</label>
-          </FloatLabel>
-        </div>
-
-        <div class="flex flex-col gap-1">
-          <FloatLabel>
-            <InputText class="w-full" v-model="newCourse.totalFileSize" />
-            <label>{{ $t("حجم کل دوره") }}</label>
-          </FloatLabel>
-        </div>
-
-        <div class="flex flex-col gap-1">
-          <FloatLabel>
-            <InputGroup>
-              <InputText class="pointer-events-none truncate" dir="ltr" />
-              <Button severity="secondary">
-                <i class="pi pi-image ml-2"></i>
-                <span>{{ $t("chooseImage") }}</span>
-                <input
-                  type="file"
-                  class="opacity-0 absolute inset-0 cursor-pointer"
-            
-                  @input="chooseImage"
-                />
-
-              </Button>
-            </InputGroup>
-            <label>{{ $t("image") }}</label>
-          </FloatLabel>
-        </div>
-      </div>
-
-      <div class="flex w-full mt-7">
+      <div class="flex">
         <div class="basis-4/6">
-          <FloatLabel>
-            <Editor
-              v-model="newCourse.description"
-              placeholder="توضیحات"
-              editorStyle="height: 320px"
-            />
-          </FloatLabel>
+          <div class="grid grid-cols-2 gap-7">
+            <div class="flex flex-col gap-1">
+              <FloatLabel>
+                <InputText
+                  @change="setSlug"
+                  class="w-full"
+                  v-model="newCourse.name"
+                />
+                <label>{{ $t("title") }}</label>
+              </FloatLabel>
+            </div>
+
+            <div class="flex flex-col gap-1">
+              <FloatLabel>
+                <Dropdown
+                  v-model="language"
+                  @change="selectLanguage"
+                  :options="['انگلیسی', 'فارسی']"
+                  class="w-full"
+                />
+                <!-- <InputText class="w-full" v-model="newCourse.language" /> -->
+                <label>{{ $t("زبان آموزش") }}</label>
+              </FloatLabel>
+            </div>
+            <div class="flex flex-col gap-1">
+              <FloatLabel>
+                <InputText
+                  v-model="newCourse.duration"
+                  class="w-full"
+                  prefix="ساعت"
+                />
+                <label>{{ $t("مدت زمان دوره") }}</label>
+              </FloatLabel>
+            </div>
+
+            <div class="flex flex-col gap-1">
+              <FloatLabel>
+                <Dropdown
+                  v-model="level"
+                  @change="selectLevel"
+                  :options="['مبتدی', 'متوسط', 'پیشرفته']"
+                  class="w-full"
+                />
+                <label>{{ $t("سطح دوره") }}</label>
+              </FloatLabel>
+            </div>
+
+            <div class="flex flex-col gap-1">
+              <FloatLabel>
+                <InputText
+                  class="w-full"
+                  v-model="newCourse.completionPercentage"
+                />
+                <label>{{ $t("درصد تکمیل دوره") }}</label>
+              </FloatLabel>
+            </div>
+
+            <div class="flex flex-col gap-1">
+              <FloatLabel>
+                <InputText class="w-full" v-model="newCourse.countOfVideos" />
+                <label>{{ $t("تعداد ویدیو ها") }}</label>
+              </FloatLabel>
+            </div>
+
+            <div class="flex flex-col gap-1">
+              <FloatLabel>
+                <InputText class="w-full" v-model="newCourse.totalFileSize" />
+                <label>{{ $t("حجم کل دوره") }}</label>
+              </FloatLabel>
+            </div>
+
+            <div class="flex flex-col gap-1">
+              <FloatLabel>
+                <InputGroup>
+                  <InputText class="pointer-events-none truncate" dir="ltr" />
+                  <Button severity="secondary" :loading="saving">
+                    <i class="pi pi-image ml-2"></i>
+                    <span>{{ $t("chooseImage") }}</span>
+                    <input
+                      type="file"
+                      class="opacity-0 absolute inset-0 cursor-pointer"
+                      @input="chooseImage"
+                    />
+                  </Button>
+                </InputGroup>
+                <label>{{ $t("image") }}</label>
+              </FloatLabel>
+            </div>
+          </div>
+          <div class="w-full mt-7">
+            <FloatLabel>
+              <Editor
+                v-model="newCourse.description"
+                placeholder="توضیحات"
+                editorStyle="height: 315px"
+              />
+            </FloatLabel>
+          </div>
         </div>
 
-        <div class="basis-2/6 ms-8">
-          <div class="card flex flex-col gap-2 justify-center">
-            <Listbox
-              listStyle="height:240px"
-              emptyMessage="دسته بندی وجود ندارد"
-              emptyFilterMessage="دسته بندی وجود ندارد"
-              v-model="selectedCity"
-              filterPlaceholder=" دسته بندی"
-              :options="cities"
-              filter
-              optionLabel="name"
-              class="w-full"
-            />
+        <div class="basis-2/6 flex flex-col gap-7 ms-7">
+          <div class="flex flex-col gap-1">
+            <FloatLabel>
+              <InputText class="w-full" v-model="newCourse.price" />
+              <label>{{ $t("قیمت دوره") }}</label>
+            </FloatLabel>
           </div>
-          <div></div>
+
+          <Listbox
+            listStyle="height:240px"
+            emptyMessage="دسته بندی وجود ندارد"
+            emptyFilterMessage="دسته بندی وجود ندارد"
+            v-model="selectedCategory"
+            @change="selectCategory"
+            filterPlaceholder=" دسته بندی"
+            :options="cities"
+            filter
+            optionLabel="name"
+            class="w-full"
+          />
+
+          <Listbox
+            listStyle="height:240px"
+            emptyMessage="مدرس مورد نظر یافت نشد"
+            emptyFilterMessage="مدرس وجود ندارد"
+            v-model="selectedteacher"
+            @change="selectTeacher"
+            filterPlaceholder=" مدرس دوره"
+            :options="teachers"
+            filter
+            optionLabel="name"
+            class="w-full"
+          />
         </div>
       </div>
 
@@ -144,11 +161,19 @@
           :label="$t('create')"
           icon="pi pi-save"
           severity="success"
-          :loading="saving"
+          :loading="creating"
           @click="create(newCourse)"
         />
       </div>
     </Panel>
+
+    <Message
+      v-if="saving"
+      class="absolute right-12 bottom-8"
+      icon="pi pi-spinner-dotted"
+      severity="info"
+      >درحال آپلود تصویر...</Message
+    >
   </section>
 </template>
 
@@ -171,88 +196,142 @@ import { useStaticsStore } from "@/stores/statics";
 import { useUploaderStore } from "@/stores/uploader";
 import { useProductsStore } from "@/stores/products";
 import { useCategoriesStore } from "@/stores/categoreis";
+import { useUsersStore } from "../stores/users";
 const categoriesStore = useCategoriesStore();
 const courseStore = useProductsStore();
 const uploadStore = useUploaderStore();
-import { useRoute } from "vue-router";
+const userStore = useUsersStore();
+import { useRoute, useRouter } from "vue-router";
 const route = useRoute();
-const level = ref(null)
+const level = ref(null);
+const selectedCategory = ref();
+const selectedteacher = ref();
+const language = ref("");
+const saving = ref(false);
+const creating = ref(false);
+const selectCategory = () => {
+  newCourse.categories = selectedCategory.value.id;
+};
+const selectTeacher = () => {
+  newCourse.teacher = selectedteacher.value.id;
+};
 watchEffect(async () => {
   const { page = 1, rows = 10 } = route.query;
   const categoriess = await categoriesStore.index(page, rows);
-  console.log("cat", categoriess);
   cities.value = categoriess;
 });
+watchEffect(async () => {
+  await userStore.index();
+  teachers.value = userStore.items.user;
+});
+
+const selectLevel = () => {
+  newCourse.level = level.value;
+};
+const selectLanguage = () => {
+  newCourse.language = language.value;
+};
 const selectedCity = ref();
 const cities = ref();
+const teachers = ref();
 const levels = reactive(["آسان", "متوسط", "سخت"]);
 const newCourse = reactive({
   name: "",
   description: "",
-  slug: "",
+  slug: "تست",
   duration: "",
   image: "",
   categories: "",
-  price: 0,
+  price: null,
   teacher: "",
-  completionPercentage: 0,
+  completionPercentage: null,
   level: "",
   language: "",
-  countOfVideos: 0,
+  countOfVideos: null,
   totalFileSize: "",
 });
-const chooseImage = async (val) => {
-  console.log(val.target.files[0]);
- const uploader = await uploadStore.uploader(val.target.files[0]);
-  console.log('uploader', uploader.data.url);
- newCourse.image = uploader.data.url;
-  console.log("تصویر آپلود شد");
-  console.log("upldr", uploader);
+const setSlug = () => {
+  newCourse.slug = newCourse.name;
 };
-const create = async (data) => {
-  if (newCourse.image === "") {
-    return console.log("تصویر دوره وارد نشده است");
+const chooseImage = async (val) => {
+  saving.value = true;
+  const uploader = await uploadStore.uploader(val.target.files[0]);
+  newCourse.image = uploader.data.url;
+  saving.value = false;
+  if (uploader.status === 200 || uploader.status === 201) {
+    toast.add({
+      life: 2000,
+      severity: "success",
+      summary: t("successful"),
+      detail: t("تصویر آپلود شد"),
+    });
+  } else {
+    return toast.add({
+      life: 2000,
+      severity: "error",
+      summary: t("error"),
+      detail: t("خطا در بارگذاری تصویر، مجدد تلاش کنید"),
+    });
   }
+
+};
+const router = useRouter();
+const create = async (newCourse) => {
+  creating.value = true;
   if (
     newCourse.name === "" ||
     newCourse.description === "" ||
-    // newCourse.slug === "" ||
     newCourse.duration === "" ||
-    // newCourse.categories === "" ||
-    // newCourse.teacher === "" ||
-    newCourse.completionPercentage === 0 ||
-    // newCourse.level === "" ||
-    // newCourse.language === "" ||
-    newCourse.countOfVideos === "" ||
+    newCourse.categories === "" ||
+    newCourse.price === null ||
+    newCourse.teacher === "" ||
+    newCourse.completionPercentage === null ||
+    newCourse.level === "" ||
+    newCourse.language === "" ||
+    newCourse.countOfVideos === null ||
     newCourse.totalFileSize === ""
   ) {
-    return console.log("تمام مقادیر را وارد کنید");
+    creating.value = false;
+    return toast.add({
+      life: 2000,
+      severity: "error",
+      summary: t("error"),
+      detail: t("تمام فیلد ها را وارد کنید"),
+    });
+  }
+  if (newCourse.image === "" || newCourse.image === null) {
+    creating.value = false;
+    return toast.add({
+      life: 2000,
+      severity: "error",
+      summary: t("error"),
+      detail: t("تصویر دوره را وارد کنید"),
+    });
   }
-  newCourse.name = data.name;
-  newCourse.description = data.description;
-  newCourse.slug = data.name;
-  newCourse.duration = data.duration;
-  // newCourse.categories = data.categories;
-  newCourse.categories = "66587ae698d0a0db14693a5e";
-  // newCourse.teacher = data.teacher;
-  newCourse.teacher = "66530b0480ef484e2bd19220";
-  // newCourse.completionPercentage = data.completionPercentage;
-  newCourse.completionPercentage = 20;
-  // newCourse.level = data.level;
-  newCourse.level = "متوسط";
-  // newCourse.language = data.language;
-  newCourse.language = "فارسی";
-  newCourse.countOfVideos = data.countOfVideos;
-  newCourse.totalFileSize = data.totalFileSize;
-  // console.log("newCourse: ", newCourse);
   const creat = await courseStore.create(newCourse);
-  console.log("created", creat);
+ 
+
+  if (creat.message === "دوره با موفقیت ثبت شد") {
+    toast.add({
+      life: 2000,
+      severity: "success",
+      summary: t("successful"),
+      detail: t("دوره جدید با موفقیت ایجاد شد"),
+    });
+    router.push('/courses')
+    creating.value = false;
+  } else {
+    creating.value = false;
+    toast.add({
+      life: 2000,
+      severity: "error",
+      summary: t("error"),
+      detail: t("مشکل در ایجاد دوره، مجدد تلاش کنید"),
+    });
+  }
+
 };
-//   console.log("form", data);
-//   console.log("json", JSON.stringify(data));
-//   const { result } = await store.edit(data);
-//   console.log("res", result);
-// };
+
 const expandedKeys = ref({});
 
 const CategoryForm = defineAsyncComponent(() =>
@@ -265,9 +344,7 @@ const store = useStaticsStore();
 
 watchEffect(async () => {
   await store.index();
-  // console.log(store.items);
 
-  //data.videosCount = store.items.hours;
 });
 </script>
 
@@ -300,7 +377,7 @@ const uploader = useUploaderStore();
 const save = async () => {
   saving.value = true;
 
-  console.log(form);
+
 
   //Upload File
   if (typeof form.coverImage === "object") {
diff --git a/src/views/CreateCoupon.vue b/src/views/CreateCoupon.vue
index b7b5f16..e0e3933 100644
--- a/src/views/CreateCoupon.vue
+++ b/src/views/CreateCoupon.vue
@@ -8,11 +8,11 @@
             <label>{{ $t("تاریخ شروع") }}</label>
           </FloatLabel>
           <date-picker
-          type="datetime"
-          format="YYYY-MM-DD HH:mm"
-          display-format="jYYYY-jMM-jDD HH:mm"
-          :timezone="true" 
-          color="dimgray"
+            type="datetime"
+            format="YYYY-MM-DD HH:mm"
+            display-format="jYYYY-jMM-jDD HH:mm"
+            :timezone="true"
+            color="dimgray"
             v-model="coupon.startDate"
             simple
             custom-input=".custom-input"
@@ -25,15 +25,15 @@
             <label>{{ $t("تاریخ پایان") }}</label>
           </FloatLabel>
           <date-picker
-          type="datetime"
-          format="YYYY-MM-DD HH:mm"
-          display-format="jYYYY-jMM-jDD HH:mm"
-          :timezone="true" 
-          color="dimgray"
-          v-model="coupon.endDate"
-          simple
-          custom-input=".custom-input2"
-        ></date-picker>
+            type="datetime"
+            format="YYYY-MM-DD HH:mm"
+            display-format="jYYYY-jMM-jDD HH:mm"
+            :timezone="true"
+            color="dimgray"
+            v-model="coupon.endDate"
+            simple
+            custom-input=".custom-input2"
+          ></date-picker>
         </div>
         <div class="flex flex-col gap-1">
           <FloatLabel>
@@ -45,8 +45,8 @@
         <div class="flex flex-col gap-1">
           <FloatLabel>
             <Dropdown
-            v-model="type"
-            @change="setType"
+              v-model="type"
+              @change="setType"
               :options="['مبلغ', 'درصد']"
               :optionLabel="levels"
               :optionValue="levels"
@@ -55,16 +55,16 @@
             <label>{{ $t("نوع تخفیف") }}</label>
           </FloatLabel>
         </div>
-        <div v-if="noe === 'مبلغ'" class="flex flex-col gap-1">
+        <div v-if="type === 'مبلغ'" class="flex flex-col gap-1">
           <FloatLabel>
-            <InputText class="w-full" v-model="coupon.price"/>
+            <InputText class="w-full" v-model="coupon.price" />
             <label>{{ $t("مبلغ تخفیف") }}</label>
           </FloatLabel>
         </div>
 
-        <div v-if="noe === 'درصد'" class="flex flex-col gap-1">
+        <div v-if="type === 'درصد'" class="flex flex-col gap-1">
           <FloatLabel>
-            <InputText class="w-full" v-model="coupon.percent"/>
+            <InputText class="w-full" v-model="coupon.percent" />
             <label>{{ $t("درصد تخفیف") }}</label>
           </FloatLabel>
         </div>
@@ -92,23 +92,29 @@
 
 <script setup>
 import { useProductsStore } from "@/stores/products";
-import { useDiscountStore } from "@/stores/discounts"
-import { ref, watchEffect, reactive } from "vue";
-import moment from 'moment-jalaali'
-const date= ref(null)
-const date2= ref(null)
-const noe = ref('مبلغ')
+import { useDiscountStore } from "@/stores/discounts";
+import { ref, watchEffect, reactive, inject } from "vue";
+import moment from "moment-jalaali";
+import { useRouter } from "vue-router";
+const { dialog, confirm, toast, t } = inject("service");
+const date = ref(null);
+const date2 = ref(null);
+const noe = ref("مبلغ");
 const store = useProductsStore();
 const discount = useDiscountStore();
 const data = ref(null);
 const type = ref(null);
+const router = useRouter()
 const setType = (val) => {
-  if (val.value === 'درصد') {
-    coupon.discountType = 'percent'
-  }else{
-    coupon.discountType = 'price'
+  if (val.value === "درصد") {
+    coupon.discountType = "percent";
+  } else {
+    coupon.discountType = "price";
   }
-}
+};
+
+//const { dialog, confirm, toast, t } = inject("service");
+
 const coupon = reactive({
   startDate: "",
   endDate: "",
@@ -116,11 +122,32 @@ const coupon = reactive({
   discountType: type.value,
   price: "",
   percent: null,
-  allUsers: true
+  allUsers: true,
 });
-const create = async(coupon) => {
- const datas = await discount.add(coupon)
-}
+const saving = ref(false);
+const create = async (coupon) => {
+  saving.value = true
+  const datas = await discount.add(coupon);
+  saving.value = false;
+  if (datas === true) {
+    toast.add({
+      life: 2000,
+      severity: "success",
+      summary: t("successful"),
+      detail: t("کد تخفیف ایجاد شد"),
+    });
+    router.push('/Coupons')
+  } else{
+    return toast.add({
+      life: 2000,
+      severity: "error",
+      summary: t("error"),
+      detail: "خطا رخ داد، مجدد تلاش کنید",
+    });
+  }
+
+  
+};
 </script>
 
 <style scoped>
diff --git a/src/views/Edit.vue b/src/views/Edit.vue
index ff533ea..af0ecdf 100644
--- a/src/views/Edit.vue
+++ b/src/views/Edit.vue
@@ -1,159 +1,245 @@
 <template>
   <section class="flex flex-col gap-4">
-    <Panel :header="$t('ویرایش دوره')">
-      <div class="grid grid-cols-3 gap-7">
-        <div class="flex flex-col gap-1">
-          <FloatLabel>
-            <InputText class="w-full" v-model="course.name" />
-            <label>{{ $t("title") }}</label>
-          </FloatLabel>
+    <Panel :header="$t('ویرایش اطلاعات دوره')">
+      <div class="flex">
+        <div class="basis-4/6">
+          <div class="grid grid-cols-2 gap-7">
+            <div class="flex flex-col gap-1">
+              <FloatLabel>
+                <InputText
+                  @change="setSlug"
+                  class="w-full"
+                  v-model="course.name"
+                />
+                <label>{{ $t("title") }}</label>
+              </FloatLabel>
+            </div>
+
+            <div class="flex flex-col gap-1">
+              <FloatLabel>
+                <Dropdown
+                  v-model="course.language"
+                  @change="selectLanguage"
+                  :options="['انگلیسی', 'فارسی']"
+                  class="w-full"
+                />
+                <!-- <InputText class="w-full" v-model="newCourse.language" /> -->
+                <label>{{ $t("زبان آموزش") }}</label>
+              </FloatLabel>
+            </div>
+            <div class="flex flex-col gap-1">
+              <FloatLabel>
+                <InputText
+                  v-model="course.duration"
+                  class="w-full"
+                  prefix="ساعت"
+                />
+                <label>{{ $t("مدت زمان دوره") }}</label>
+              </FloatLabel>
+            </div>
+
+            <div class="flex flex-col gap-1">
+              <FloatLabel>
+                <Dropdown
+                  v-model="course.level"
+                  @change="selectLevel"
+                  :options="['مبتدی', 'متوسط', 'پیشرفته']"
+                  class="w-full"
+                />
+                <label>{{ $t("سطح دوره") }}</label>
+              </FloatLabel>
+            </div>
+
+            <div class="flex flex-col gap-1">
+              <FloatLabel>
+                <InputText
+                  class="w-full"
+                  v-model="course.completionPercentage"
+                />
+                <label>{{ $t("درصد تکمیل دوره") }}</label>
+              </FloatLabel>
+            </div>
+
+            <div class="flex flex-col gap-1">
+              <FloatLabel>
+                <InputText class="w-full" v-model="course.countOfVideos" />
+                <label>{{ $t("تعداد ویدیو ها") }}</label>
+              </FloatLabel>
+            </div>
+
+            <div class="flex flex-col gap-1">
+              <FloatLabel>
+                <InputText class="w-full" v-model="course.totalFileSize" />
+                <label>{{ $t("حجم کل دوره") }}</label>
+              </FloatLabel>
+            </div>
+
+            <div class="flex flex-col gap-1">
+              <FloatLabel>
+                <InputGroup>
+                  <InputText class="pointer-events-none truncate" dir="ltr" />
+                  <Button severity="secondary" :loading="saving">
+                    <i class="pi pi-image ml-2"></i>
+                    <span>{{ $t("chooseImage") }}</span>
+                    <input
+                      type="file"
+                      :value="course.image"
+                      class="opacity-0 absolute inset-0 cursor-pointer"
+                      @input="chooseImage"
+                    />
+                  </Button>
+                </InputGroup>
+                <label>{{ $t("image") }}</label>
+              </FloatLabel>
+            </div>
+          </div>
+          <div class="w-full mt-7">
+            <FloatLabel>
+              <Editor
+                v-model="course.description"
+                placeholder="توضیحات"
+                editorStyle="height: 315px"
+              />
+            </FloatLabel>
+          </div>
         </div>
 
-        <div class="flex flex-col gap-1">
-          <FloatLabel>
-            <InputText class="w-full" v-model="course.language" />
-            <label>{{ $t("زبان آموزش") }}</label>
-          </FloatLabel>
-        </div>
-        <div class="flex flex-col gap-1">
-          <FloatLabel>
-            <InputText class="w-full" v-model="course.duration" />
-            <label>{{ $t("مدت زمان دوره") }}</label>
-          </FloatLabel>
-        </div>
+        <div class="basis-2/6 flex flex-col gap-7 ms-7">
+          <div class="flex flex-col gap-1">
+            <FloatLabel>
+              <InputText class="w-full" v-model="course.price" />
+              <label>{{ $t("قیمت دوره") }}</label>
+            </FloatLabel>
+          </div>
+          <span class="hidden">{{ course.price }}</span>
+          <Listbox
+            listStyle="height:240px"
+            emptyMessage="دسته بندی وجود ندارد"
+            emptyFilterMessage="دسته بندی وجود ندارد"
+            v-model="selectedCategory"
+            @change="selectCategory"
+            filterPlaceholder=" دسته بندی"
+            :options="cities"
+            filter
+            optionLabel="name"
+            class="w-full"
+          />
 
-        <div class="flex flex-col gap-1">
+          <Listbox
+            listStyle="height:240px"
+            emptyMessage="مدرس مورد نظر یافت نشد"
+            emptyFilterMessage="مدرس وجود ندارد"
+            v-model="selectedteacher"
+            @change="selectTeacher"
+            filterPlaceholder=" مدرس دوره"
+            :options="teachers"
+            filter
+            optionLabel="name"
+            class="w-full"
+          />
+        </div>
+      </div>
+
+      <!-- 
+      <div class="flex flex-col gap-1">
+        <InputGroup>
           <FloatLabel>
             <Dropdown
-              :options="levels"
-              :optionLabel="levels"
-              :optionValue="levels"
-              v-model="course.level"
-              class="w-full"
-            />
-            <label>{{ $t("سطح دوره") }}</label>
-          </FloatLabel>
-        </div>
-        <div class="flex flex-col gap-1">
-          <FloatLabel>
-            <InputText class="w-full" v-model="course.teacher.name" />
-            <label>{{ $t("مدرس دوره") }}</label>
-          </FloatLabel>
-        </div>
-
-        <div class="flex flex-col gap-1">
-          <FloatLabel>
-            <InputText class="w-full" v-model="course.completionPercentage" />
-            <label>{{ $t("درصد تکمیل دوره") }}</label>
-          </FloatLabel>
-        </div>
-
-        <div class="flex flex-col gap-1">
-          <FloatLabel>
-            <InputText class="w-full" v-model="course.videosCount" />
-            <label>{{ $t("تعداد ویدیو ها") }}</label>
-          </FloatLabel>
-        </div>
-
-        <div class="flex flex-col gap-1">
-          <FloatLabel>
-            <InputText class="w-full" v-model="course.totalFileSize" />
-            <label>{{ $t("حجم کل دوره") }}</label>
-          </FloatLabel>
-        </div>
-
-
-        <div class="flex flex-col gap-1">
-          <FloatLabel>
-            <InputGroup>
-              <InputText class="pointer-events-none truncate" dir="ltr" />
-              <Button severity="secondary">
-                <i class="pi pi-image ml-2"></i>
-                <span>{{ $t("chooseImage") }}</span>
-                <input
-                :value="course.image"
-                  type="file"
-                  class="opacity-0 absolute inset-0 cursor-pointer"
-                  accept="image/*"
-           
-                />
-              </Button>
-            </InputGroup>
-            <label>{{ $t("image") }}</label>
-          </FloatLabel>
-        </div>
-      </div>
-
-      <div class="flex w-full mt-7">
-        <div class="basis-4/6">
-          <FloatLabel>
-            <Editor
-              v-model="course.description"
-              placeholder="توضیحات"
-              editorStyle="height: 320px"
-            />
-          </FloatLabel>
-        </div>
-
-        <div class="basis-2/6 ms-8">
-          <div class="card flex flex-col gap-2 justify-center ">
-            <Listbox
-              listStyle="height:240px"
-              emptyMessage="دسته بندی وجود ندارد"
-              emptyFilterMessage="دسته بندی وجود ندارد"
-              filterPlaceholder=" دسته بندی"
               :options="cities"
-              filter
-              optionLabel="name"
+              :optionLabel="cities.name"
+              :optionValue="cities.name"
               class="w-full"
-            />
-          </div>
-          <div></div>
-        </div>
-      </div>
+            >
+            </Dropdown>
+            <label>{{ $t("brand") }}</label>
+          </FloatLabel>
+        </InputGroup>
+   
+      </div> -->
 
       <div class="flex pt-4 justify-end">
         <Button
           :label="$t('edit')"
           icon="pi pi-save"
           severity="success"
-          :loading="saving"
-          @click="create(course)"
+          :loading="creating"
+          @click="editCourse"
         />
       </div>
     </Panel>
+
+    <Message
+      v-if="saving"
+      class="absolute right-12 bottom-8"
+      icon="pi pi-spinner-dotted"
+      severity="info"
+      >درحال آپلود تصویر...</Message
+    >
   </section>
 </template>
 <script setup>
 import { useProductsStore } from "@/stores/products";
-import { ref, watchEffect, reactive } from "vue";
+import { ref, watchEffect, reactive, inject } from "vue";
 
+import { useStaticsStore } from "@/stores/statics";
+import { useUploaderStore } from "@/stores/uploader";
+
+import { useCategoriesStore } from "@/stores/categoreis";
+import { useUsersStore } from "../stores/users";
+const categoriesStore = useCategoriesStore();
+const courseStore = useProductsStore();
+const uploadStore = useUploaderStore();
+const userStore = useUsersStore();
+import { useRouter, useRoute } from "vue-router";
+const route = useRoute()
+const level = ref(null);
+const selectedCategory = ref();
+const selectedteacher = ref();
+const language = ref("");
+const saving = ref(false);
+const teachers = ref();
+const creating = ref(false);
 const store = useProductsStore();
 const data = ref(null);
+const cities = ref();
+
+const selectCategory = () => {
+  course.categories = selectedCategory.value.id;
+};
+const selectTeacher = () => {
+  course.teacher = selectedteacher.value.id;
+};
+
+
 const course = reactive({
-  id: "",
+  id: route.params.id,
   name: "",
   description: "",
   slug: "",
   duration: "",
   image: "",
   categories: "",
-  price: 0,
+  price: "",
   teacher: "",
-  completionPercentage: 0,
+  completionPercentage: null,
   level: "",
   language: "",
-  countOfVideos: 0,
+  countOfVideos: null,
   totalFileSize: "",
 });
-import { useRoute } from "vue-router";
 
-const route = useRoute();
 
+watchEffect(async () => {
+  const { page = 1, rows = 10 } = route.query;
+  const categoriess = await categoriesStore.index(page, rows);
+  cities.value = categoriess;
+});
+watchEffect(async () => {
+  await userStore.index();
+  teachers.value = userStore.items.user;
+});
 watchEffect(async () => {
   data.value = await store.edit(route.params.id);
-
-  course.id = data.value.course.id;
   course.name = data.value.course.name;
   course.description = data.value.course.description;
   course.slug = data.value.course.slug;
@@ -171,13 +257,68 @@ watchEffect(async () => {
 
 // const levels = reactive(["آسان", "متوسط", "سخت"]);
 
-const chooseImage = async (el) => {
-  //   const uploader = await uploadStore.uploader(el.target.value);
-  //   //console.log('uploader', uploader.data.url);
-  //   newCourse.image = uploader.data.url;
-  //   console.log("تصویر آپلود شد");
-  //   console.log('upldr',uploader);
+const chooseImage = async (val) => {
+  saving.value = true;
+  const uploader = await uploadStore.uploader(val.target.files[0]);
+  course.image = uploader.data.url;
+  saving.value = false;
+  if (uploader.status === 200 || uploader.status === 201) {
+    toast.add({
+      life: 2000,
+      severity: "success",
+      summary: t("successful"),
+      detail: t("تصویر آپلود شد"),
+    });
+  } else {
+    return toast.add({
+      life: 2000,
+      severity: "error",
+      summary: t("error"),
+      detail: t("خطا در بارگذاری تصویر، مجدد تلاش کنید"),
+    });
+  }
+};
+const { dialog, confirm, toast, t } = inject("service");
+const router = useRouter()
+const editCourse = async (data) => {
+  creating.value = true;
+  if (
+    course.name === "" ||
+    course.description === "" ||
+    course.duration === "" ||
+    course.categories === "" ||
+    course.price === null ||
+    course.teacher === "" ||
+    course.completionPercentage === null ||
+    course.level === "" ||
+    course.language === "" ||
+    course.countOfVideos === null ||
+    course.totalFileSize === ""
+  ) {
+    return toast.add({
+      life: 2000,
+      severity: "error",
+      summary: t("error"),
+      detail: t("تمام فیلد ها را وارد کنید"),
+    });
+  }
+  if (course.image === "" || course.image === null) {
+    creating.value = false;
+    return toast.add({
+      life: 2000,
+      severity: "error",
+      summary: t("error"),
+      detail: t("تصویر دوره را وارد کنید"),
+    });
+  }
+  const update = await courseStore.update(course);
+  creating.value = false
+  toast.add({
+      life: 2000,
+      severity: "success",
+      summary: t("successful"),
+      detail: t("دوره با موفقیت ویرایش شد"),
+    });
+router.push('/courses')
 };
-
-const create = async (data) => {};
 </script>
\ No newline at end of file
diff --git a/src/views/EditCoupon.vue b/src/views/EditCoupon.vue
index 8767678..74489e7 100644
--- a/src/views/EditCoupon.vue
+++ b/src/views/EditCoupon.vue
@@ -85,14 +85,15 @@
 
 <script setup>
 import { useDiscountStore } from "@/stores/discounts";
-import { ref, watchEffect, reactive } from "vue";
+import { ref, watchEffect, reactive, inject } from "vue";
 import moment from "moment-jalaali";
-import { useRoute } from "vue-router";
+import { useRoute, useRouter } from "vue-router";
 const date = ref(null);
 const date2 = ref(null);
 const noe = ref("مبلغ");
 const store = useDiscountStore();
 const data = ref();
+const router = useRouter()
 const setType = (val) => {
   if (val.value === 'درصد') {
     discount.discountType = 'percent'
@@ -110,13 +111,35 @@ const discount = reactive({
   percent: 0,
   allUsers: true,
 });
+
+const { dialog, confirm, toast, t } = inject("service");
+
 const route = useRoute();
+const saving = ref(false);
 const create = async(val) => {
+  saving.value = true;
  const posts = await store.update(val)
+ saving.value = false;
+ if (posts === true) {
+  toast.add({
+      life: 2000,
+      severity: "success",
+      summary: t("successful"),
+      detail: t("تخفیف ویرایش شد"),
+    });
+    router.push('/Coupons')
+ }else{
+  return toast.add({
+      life: 2000,
+      severity: "error",
+      summary: t("error"),
+      detail: t("خطا، محدد تلاش کنید"),
+    });
+ }
+
 };
 watchEffect(async () => {
   data.value = await store.getDiscount(route.params.id);
-  console.log("this", data.value);
   discount.id = data.value.id;
   (discount.startDate = data.value.startDate),
     (discount.endDate = data.value.endDate),
diff --git a/src/views/Faq.vue b/src/views/Faq.vue
index f196539..2467231 100644
--- a/src/views/Faq.vue
+++ b/src/views/Faq.vue
@@ -1,8 +1,89 @@
 <template>
- <h1>س</h1>
-</template>
+        <Panel :header="$t('سوالات متداول')">
+          <template #icons>
+            <Button
+              icon="pi pi-plus"
+              :label="$t('ایجاد آیتم جدید')"
+              severity="success"
+              @click="create()"
+            />
+          </template>
+          <DataTable :value="store.items">
+  
+            <Column field="title" :header="$t('title')" />
+
+            <Column :header="$t('options')" headerClass="w-32">
+              <template #body="{ data }">
+                <div class="flex justify-end">
+                  <Button icon="pi pi-eye" rounded text severity="secondary" @click="show(data)" />
+   
+                
+                  <Button
+                  @click="remove(data)"
+                    icon="pi pi-trash"
+                    rounded
+                    text
+                    severity="danger"
+                    :loading="removing"
+            
+                  />
+                </div>
+              </template>
+            </Column>
+ 
+            <template #empty>
+              <p>{{ store.fetching ? $t("loading") : $t("emptyTable") }}</p>
+            </template>
+   
+          </DataTable>
+          <Column headerClass="w-32">
+            <template #body="{ data }">
+              <div class="flex justify-end">
+                <Button
+                  icon="pi pi-eye"
+                  rounded
+                  text
+                  severity="secondary"
+                  @click="show(data)"
+                />
+              </div>
+            </template>
+          </Column>
+        </Panel>
+      </template>
+      
+
 
 
 <script setup>
+import { defineAsyncComponent, inject, ref, watchEffect } from "vue";
+import { useFaqStore } from "@/stores/faq";
+const store = useFaqStore();
+const { toast, dialog, confirm, t } = inject('service');
+const FaqDetails = defineAsyncComponent(() => import('../components/FaqDetails.vue'));
+const AddFaq = defineAsyncComponent(() => import('../components/AddFaq.vue'));
+const removing = ref(false)
+const show = (product) => {
+    dialog.open(FaqDetails, {
+        props: { modal: true, closable: true, header: t('جزئیات آیتم') },
+        data: {
+            product
+        }
+    });
+}
+const create = () =>{
+    dialog.open(AddFaq, {
+        props: { modal: true, closable: true, header: t('ایجاد آیتم جدید') },
+    });
+}
+const remove = async (item) => {
+    removing.value = true
+   const {data} = await store.remove(item.id)
+   removing.value = false
+await store.index()
+};
+watchEffect(async() =>{
+await store.index()
 
+})
 </script>
\ No newline at end of file
diff --git a/src/views/HeaderMenu.vue b/src/views/HeaderMenu.vue
index 746fd2c..64120a9 100644
--- a/src/views/HeaderMenu.vue
+++ b/src/views/HeaderMenu.vue
@@ -4,13 +4,13 @@
       <div class="grid grid-cols-1 gap-7">
         <div class="flex flex-col gap-1">
           <FloatLabel>
-            <InputText class="w-full" v-model="data.title" />
+            <InputText class="w-full" v-model="data.header" />
             <label>{{ $t("متن هدر") }}</label>
           </FloatLabel>
         </div>
         <div class="flex flex-col gap-1">
           <FloatLabel>
-            <Textarea v-model="data.description" rows="5" class="w-full" />
+            <Textarea v-model="data.titleText" rows="5" class="w-full" />
             <label>{{ $t("توضیحات هدر") }}</label>
           </FloatLabel>
         </div>
@@ -30,7 +30,7 @@
         </div>
         <div class="flex flex-col gap-1">
           <FloatLabel>
-            <InputText class="w-full" v-model="data.rates" />
+            <InputText class="w-full" v-model="data.rate" />
             <label>{{ $t("امتیاز دانشجو ها") }}</label>
           </FloatLabel>
         </div>
@@ -79,24 +79,45 @@ import {
 } from "vue";
 import { useStaticsStore } from "@/stores/statics";
 import { useRoute } from "vue-router";
+
 const data = reactive({
-  student: 0,
-  title: 0,
-  expertise: 0,
-  about: "string",
-
+  header: "",
+  titleText: "",
+  student: null,
+  title: null,
+  rate: null,
+  expertise: null,
+  about: "",
 });
-const save = async (data) => {
- //  console.log('form', data);
-  // console.log('json', JSON.stringify(data));
- const  result  = await store.edit(data);
-// console.log("res", result);
-};
-const expandedKeys = ref({});
+const saving = ref(false);
+async function save(data) {
+  saving.value = true;
+  const result = await store.edit(data);
 
-const CategoryForm = defineAsyncComponent(() =>
-  import("../components/CategoryForm.vue")
-);
+  if (result.data === true) {
+    toast.add({
+      life: 2000,
+      severity: "success",
+      summary: t("successful"),
+      detail: t("اطلاعات با موفقیت ویرایش شد"),
+    });
+  } else {
+    toast.add({
+      severity: "error",
+      life: 2000,
+      detail: t("خطا، مجدد تلاش کنید"),
+      summary: t("خطا، مجدد تلاش کنید"),
+    });
+  }
+
+  saving.value = false;
+}
+
+// const expandedKeys = ref({});
+
+// const CategoryForm = defineAsyncComponent(() =>
+//   import("../components/CategoryForm.vue")
+// );
 
 const { dialog, confirm, toast, t } = inject("service");
 
@@ -104,11 +125,12 @@ const store = useStaticsStore();
 
 watchEffect(async () => {
   await store.index();
- // console.log(store.items);
+  data.header = store.items.header;
   data.student = store.items.student;
   data.title = store.items.title;
   data.expertise = store.items.expertise;
   data.about = store.items.about;
-  //data.videosCount = store.items.hours;
+  data.titleText = store.items.titleText;
+  data.rate = store.items.rate;
 });
 </script>
diff --git a/src/views/Login.vue b/src/views/Login.vue
index a20589a..4824181 100644
--- a/src/views/Login.vue
+++ b/src/views/Login.vue
@@ -2,83 +2,112 @@
   <Card
     v-if="!changeForm"
     class="m-auto w-96"
-    :pt="{ title: 'text-center pt-4', content: 'flex flex-col gap-9 pt-8 h-30' }"
+    :pt="{
+      title: 'text-center pt-4',
+      content: 'flex flex-col gap-9 pt-8 h-30',
+    }"
   >
-    <template #title> {{ $t('login') }} </template>
+    <template #title> {{ $t("login") }} </template>
     <template #content>
       <div class="flex flex-col gap-1">
         <FloatLabel>
           <InputText v-model="number" class="w-full ltr" />
-          <label>{{ $t('phoneNumber') }}</label>
+          <label>{{ $t("phoneNumber") }}</label>
         </FloatLabel>
         <small v-if="errors.length > 0">{{ errors }}</small>
       </div>
     </template>
     <template #footer>
-      <Button :label="$t('sendOtp')" class="w-full" :loading="loading" @click="login()" />
+      <Button
+        :label="$t('sendOtp')"
+        class="w-full"
+        :loading="loading"
+        @click="login()"
+      />
     </template>
   </Card>
 
   <Card
     v-else
     class="m-auto w-96"
-    :pt="{ title: 'text-center pt-4', content: 'flex flex-col gap-9 pt-8 h-30' }"
+    :pt="{
+      title: 'text-center pt-4',
+      content: 'flex flex-col gap-9 pt-8 h-30',
+    }"
   >
-    <template #title> {{ $t('otp') }} </template>
+    <template #title> {{ $t("otp") }} </template>
     <template #content>
       <div class="flex flex-col gap-1">
         <FloatLabel>
           <InputText v-model="code" class="w-full ltr" />
-          <label>{{ $t('otp') }}</label>
+          <label>{{ $t("otp") }}</label>
         </FloatLabel>
         <small v-if="errors.length > 0">{{ errors }}</small>
       </div>
     </template>
     <template #footer>
-      <Button :label="$t('login')" class="w-full" :loading="loading" @click="checkOtp()" />
+      <Button
+        :label="$t('login')"
+        class="w-full"
+        :loading="loading"
+        @click="checkOtp()"
+      />
     </template>
   </Card>
 </template>
 <script setup>
-import { inject, reactive, ref } from 'vue'
-import { useAdminsStore } from '@/stores/admins'
-import { useRouter } from 'vue-router'
-const { toast, t } = inject('service')
-const loading = ref(false)
-const changeForm = ref(false)
-const store = useAdminsStore()
-const errors = ref({})
-const number = ref(null)
-const code = ref(1234)
-const router = useRouter()
+import { inject, reactive, ref } from "vue";
+import { useAdminsStore } from "@/stores/admins";
+import { useRouter } from "vue-router";
+const { toast, t } = inject("service");
+const loading = ref(false);
+const changeForm = ref(false);
+const store = useAdminsStore();
+const errors = ref({});
+const number = ref(null);
+const code = ref(1234);
+const router = useRouter();
 const login = async () => {
-  loading.value = true
-  const { status, data } = await store.login(number)
-  loading.value = false
+  loading.value = true;
+  const { status, data } = await store.login(number);
+  loading.value = false;
   if (status === 200) {
-    changeForm.value = true
+    changeForm.value = true;
     toast.add({
-      severity: 'success',
+      severity: "success",
       life: 2000,
-      detail: t('sendOtpSuccessfully'),
-      summary: t('successful'),
-      closable: false
-    })
+      detail: t("sendOtpSuccessfully"),
+      summary: t("successful"),
+      closable: false,
+    });
   }
-}
+};
 const checkOtp = async () => {
-  loading.value = true
-  const { status, data } = await store.sendOtp(number, code)
-  console.log('com data', data)
-  console.log('com status', status)
-  loading.value = false
+  loading.value = true;
+  const { status, data } = await store.sendOtp(number, code);
+  console.log("login", data);
+
+  loading.value = false;
   if (status === 200) {
-    toast.add({
-            severity: 'success', life: 2000, detail: t('loginSuccessfully'), summary: t('successful'), closable: false
-        })
-    setTimeout(() => router.push('/'), 300); 
+    if (data.roles[0] === "Admin") {
+      toast.add({
+        severity: "success",
+        life: 2000,
+        detail: t("loginSuccessfully"),
+        summary: t("successful"),
+        closable: false,
+      });
+      setTimeout(() => router.push("/"), 300);
+    } else {
+      return toast.add({
+        severity: "error",
+        life: 2000,
+        detail: t("شما مجوز ورود ندارید"),
+        summary: t("error"),
+      });
+    }
   }
-}
+};
 
 //         // setTimeout(() => router.push('/'), 300);
 //         console.log(data);
diff --git a/src/views/ShowTickets.vue b/src/views/ShowTickets.vue
index 2e4b644..9280cd3 100644
--- a/src/views/ShowTickets.vue
+++ b/src/views/ShowTickets.vue
@@ -5,8 +5,10 @@
         <Panel toggleable>
             <template #header >
                 <div class="flex items-center gap-2">
-                    <Avatar :image="item.createdBy.avatarMedia" size="large" shape="circle" />
-                    <span class="font-bold">{{item.createdBy.name}}</span>
+                    <Avatar v-if="item.createdBy.avatarMedia" :image="item.createdBy.avatarMedia" size="large" shape="circle" />
+                    <Avatar v-else image="/src/assets/alt.png" size="large" shape="circle" />
+                    <span v-if="item.createdBy.name" class="font-bold">{{item.createdBy.name}}</span>
+                    <span v-else class="font-bold">کاربر بدون نام</span>
                     <Tag v-if="item.createdBy.roles[0] === 'Admin'" class="gap-1" icon="pi pi-user" severity="info" value="ادمین"></Tag>
                     <Tag v-else class="gap-1" icon="pi pi-user" severity="success" value="کاربر"></Tag>
                 </div>
@@ -46,19 +48,19 @@ import { jDate } from "@/utils/jDate";
 const store = useTicketsStore();
 const messages = ref([]);
 const route = useRoute();
-console.log(route.params.id);
+
 const send = async (value) => {
-  console.log(value);
+
   const sended = await store.reply({
     content: value,
     ticketId: route.params.id,
   });
-  console.log('sended', sended);
+
 };
 watchEffect(async () => {
  const data = await store.ticket(route.params.id);
  messages.value = data.ticketMessages.reverse()
-  console.log("mess", data);
+
 });
 </script>
 
diff --git a/src/views/Tickets.vue b/src/views/Tickets.vue
index 191ef48..d4b61ff 100644
--- a/src/views/Tickets.vue
+++ b/src/views/Tickets.vue
@@ -47,17 +47,17 @@ const data = ref([])
 const route = useRoute()
 const chat = (data) =>{
     router.push(`/tickets/${data.id}`)
-console.log(data.id);
+
 }
 const closeTicket = async(data) =>{
   //  console.log(data.id);
    const closess = await store.close(data.id)
-   console.log('close',closess);
+
   await store.index()
 }
 watchEffect(async() =>{
     const { page = 1, pageSize = 10 } = route.query;
     data.value = await store.index(page, pageSize)
-    console.log(data.value[1]);
+
      })
 </script>
\ No newline at end of file
diff --git a/src/views/Users.vue b/src/views/Users.vue
index 628214a..b34fd94 100644
--- a/src/views/Users.vue
+++ b/src/views/Users.vue
@@ -1,6 +1,6 @@
 <template>
   <Panel :header="$t('users')">
-    <DataTable :value="store.items">
+    <DataTable :value="store.items.user">
       <Column class="w-16">
         <template #body="{ data: { avatarMedia } }">
           <Avatar
@@ -38,7 +38,7 @@
                         <Paginator :rows="store.total" :totalRecords="store.total" :rowsPerPageOptions="[5, 20, 30]"></Paginator>
                 -->
 
-        <Pagination :total="store.total" />
+        <Pagination :total="store.items.count" />
       </template>
     </DataTable>
   </Panel>
@@ -49,7 +49,7 @@
 import Pagination from "@/components/Pagination.vue";
 import { useUsersStore } from "@/stores/users";
 import { jDate } from "@/utils/jDate";
-console.log("users", useUsersStore);
+
 import { inject, reactive, defineAsyncComponent, ref, watchEffect } from "vue";
 import { useRoute } from "vue-router";
 
@@ -82,5 +82,5 @@ watchEffect(async () => {
   await store.index(page, pageSize);
   const pages = await store.page();
 });
-console.log(store);
+
 </script>
\ No newline at end of file
diff --git a/src/views/Videos.vue b/src/views/Videos.vue
index 59cee2e..f34bee4 100644
--- a/src/views/Videos.vue
+++ b/src/views/Videos.vue
@@ -128,7 +128,7 @@
   
   
   const remove = (data) => {
-      console.log('done', data._id)
+
       confirm.require({
           message: t('Are you sure you want to proceed?'),
           header: t('Danger Zone'),
@@ -140,7 +140,7 @@
           defaultFocus: 'reject',
           accept: async () => {
         const deleted = await store.delete(data._id)
-        console.log(deleted);
+
         await store.index()
           }
   //             product.removing = true
@@ -163,18 +163,12 @@
   }
   
   
-  
-  
+
   
   watchEffect(async() => {
       const { page = 1, pageSize = 10 } = route.query
     await store.index(page, pageSize)
-  console.log(store.items[2].image);
-  console.log(String.fromCharCode(store.items[2].image)).join('');
-      // store.items.forEach((product) => {
-      //     product.status = { value: t('active'), severity: 'success' };
-      // })
-  
+
   })
   
   const accepter = async (id,confirmToShow)=>{
diff --git a/src/views/couponsHistory.vue b/src/views/couponsHistory.vue
new file mode 100644
index 0000000..11f866c
--- /dev/null
+++ b/src/views/couponsHistory.vue
@@ -0,0 +1,32 @@
+<template>
+  <Panel :header="$t('تاریخچه ی تخفیف ها')">
+    <DataTable :value="store.items.discount">
+      <Column field="code" :header="$t('کد تخفیف')" />
+      <Column
+      :field="({ admin }) => admin.name"
+      :header="$t('سازنده')"
+      />
+      <Column :field="({startDate}) => jDate(startDate)" :header="$t('تاریخ شروع')" />
+        <Column :field="({endDate}) => jDate(endDate)" :header="$t('تاریخ پایان')" />
+      <Column
+        field="statusText"
+        :header="$t('status')"
+      /> 
+      <template #empty>
+        <p>{{ store.fetching ? $t("loading") : $t("emptyTable") }}</p>
+      </template>
+    </DataTable>
+  </Panel>
+</template>
+
+
+<script setup>
+import { watchEffect } from "vue";
+import { useDiscountStore } from "../stores/discounts";
+const store = useDiscountStore();
+import { jDate } from "@/utils/jDate";
+watchEffect(async () => {
+  await store.history();
+  console.log(store.items.discount);
+});
+</script>
\ No newline at end of file