fix

.eslintrc-auto-import.json

@@ -357,6 +357,8 @@
     "requiredPhone": true,
     "requiredFirstName": true,
     "requiredLastName": true,
-    "requiredEmail": true
+    "requiredEmail": true,
+    "requiredExcelValidator": true,
+    "requiredImageValidator": true
   }
 }

.vscode/settings.json

@@ -91,5 +91,7 @@
         "borderStyle": "solid"
       }
     ]
-  }
+  },
+  "editor.autoIndent": "advanced",
+  "editor.bracketPairColorization.independentColorPoolPerBracketType": true
 }

auto-imports.d.ts

@@ -122,7 +122,9 @@ declare global {
   const regexValidator: typeof import('./resources/js/@core/utils/validators.js')['regexValidator']
   const registerPlugins: typeof import('./resources/js/@core/utils/plugins.js')['registerPlugins']
   const requiredEmail: typeof import('./resources/js/@core/utils/validators.js')['requiredEmail']
+  const requiredExcelValidator: typeof import('./resources/js/@core/utils/validators.js')['requiredExcelValidator']
   const requiredFirstName: typeof import('./resources/js/@core/utils/validators.js')['requiredFirstName']
+  const requiredImageValidator: typeof import('./resources/js/@core/utils/validators.js')['requiredImageValidator']
   const requiredLastName: typeof import('./resources/js/@core/utils/validators.js')['requiredLastName']
   const requiredPhone: typeof import('./resources/js/@core/utils/validators.js')['requiredPhone']
   const requiredValidator: typeof import('./resources/js/@core/utils/validators.js')['requiredValidator']
@@ -481,7 +483,9 @@ declare module 'vue' {
     readonly regexValidator: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['regexValidator']>
     readonly registerPlugins: UnwrapRef<typeof import('./resources/js/@core/utils/plugins.js')['registerPlugins']>
     readonly requiredEmail: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['requiredEmail']>
+    readonly requiredExcelValidator: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['requiredExcelValidator']>
     readonly requiredFirstName: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['requiredFirstName']>
+    readonly requiredImageValidator: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['requiredImageValidator']>
     readonly requiredLastName: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['requiredLastName']>
     readonly requiredPhone: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['requiredPhone']>
     readonly requiredValidator: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['requiredValidator']>
@@ -833,7 +837,9 @@ declare module '@vue/runtime-core' {
     readonly regexValidator: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['regexValidator']>
     readonly registerPlugins: UnwrapRef<typeof import('./resources/js/@core/utils/plugins.js')['registerPlugins']>
     readonly requiredEmail: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['requiredEmail']>
+    readonly requiredExcelValidator: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['requiredExcelValidator']>
     readonly requiredFirstName: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['requiredFirstName']>
+    readonly requiredImageValidator: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['requiredImageValidator']>
     readonly requiredLastName: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['requiredLastName']>
     readonly requiredPhone: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['requiredPhone']>
     readonly requiredValidator: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['requiredValidator']>

resources/js/@core/utils/validators.js

@@ -124,3 +124,15 @@ export const requiredEmail = value => {
   
   return !!String(value).trim().length || 'Email is required'
 }
+export const requiredImageValidator = value => {
+  if (isNullOrUndefined(value) || isEmptyArray(value) || value === false)
+    return 'Image field is required'
+  
+  return !!String(value).trim().length || 'Email is required'
+}
+export const requiredExcelValidator = value => {
+  if (isNullOrUndefined(value) || isEmptyArray(value) || value === false)
+    return 'Excel field is required'
+  
+  return !!String(value).trim().length || 'Email is required'
+}

resources/js/constants.js

@@ -23,5 +23,10 @@ export const MEETING_NOTES_API =  MAIN_DOMAIN + "/api/admin/get-note/"
 export const APPOINTMENT_DETAILS_API = MAIN_DOMAIN + "/api/admin/get-appointment/"
 
 
+export const MEDICINE_LIST_API = MAIN_DOMAIN + "/api/admin/get-med-list"
+export const MEDICINE_ADD_QUESTIONERIES_EXCEL_API = MAIN_DOMAIN + "/api/admin/questions-files"
 
+export const MEDICINE_SAVE_API = MAIN_DOMAIN + "/api/admin/save-med"
+export const MEDICINE_UPDATE_API = MAIN_DOMAIN + "/api/admin/update-med/"
+export const MEDICINE_DELETE_API = MAIN_DOMAIN + "/api/admin/delete-med/"
 

resources/js/pages/dashboards/crm.vue

@@ -15,16 +15,16 @@ import { useStore } from 'vuex'
 const store = useStore()
 const cardStatisticsWithImages = [
   {
-    title: 'Ratings',
+    title: 'Patients',
-    subtitle: 'Year of 2021',
+    subtitle: 'Year of 2024',
     stats: '13k',
     change: 15.6,
     image: illustration1,
     color: 'primary',
   },
   {
-    title: 'Sessions',
+    title: 'Providers',
-    subtitle: 'Last Week',
+    subtitle: 'Year of 2024',
     stats: '24.5k',
     change: -20,
     image: illustration2,
@@ -59,6 +59,7 @@ onMounted(() => {
         cols="12"
         md="3"
         sm="6"
+      
       >
         <CardStatisticsWithImages v-bind="statistics" />
       </VCol>
@@ -66,6 +67,7 @@ onMounted(() => {
       <VCol
         cols="12"
         md="6"
+     
       >
         <CrmTransactions />
       </VCol>
@@ -74,6 +76,7 @@ onMounted(() => {
         cols="12"
         sm="6"
         md="3"
+        
       >
         <CrmTotalSales />
       </VCol>
@@ -82,6 +85,7 @@ onMounted(() => {
         cols="12"
         sm="6"
         md="3"
+     
       >
         <CrmRevenueReport />
       </VCol>
@@ -89,6 +93,7 @@ onMounted(() => {
       <VCol
         cols="12"
         md="6"
+        style="display: none;"
       >
         <CrmSalesOverview />
       </VCol>
@@ -96,6 +101,7 @@ onMounted(() => {
       <VCol
         cols="12"
         md="6"
+        style="display: none;"
       >
         <CrmActivityTimeline />
       </VCol>
@@ -104,6 +110,7 @@ onMounted(() => {
         cols="12"
         sm="8"
         md="4"
+        style="display: none;"
       >
         <CrmWeeklySales />
       </VCol>
@@ -112,11 +119,13 @@ onMounted(() => {
         cols="12"
         md="2"
         sm="4"
+        style="display: none;"
       >
         <VRow class="match-height">
           <VCol
             cols="6"
             sm="12"
+            style="display: none;"
           >
             <CrmTotalGrowthCharts />
           </VCol>
@@ -124,6 +133,7 @@ onMounted(() => {
           <VCol
             cols="6"
             sm="12"
+            style="display: none;"
           >
             <CardStatisticsVertical v-bind="statistic" />
           </VCol>
@@ -133,6 +143,7 @@ onMounted(() => {
       <VCol
         cols="12"
         md="4"
+        style="display: none;"
       >
         <CrmUpgradeYourPlan />
       </VCol>
@@ -140,6 +151,7 @@ onMounted(() => {
       <VCol
         cols="12"
         md="4"
+        style="display: none;"
       >
         <CrmMeetingSchedule />
       </VCol>
@@ -147,6 +159,7 @@ onMounted(() => {
       <VCol
         cols="12"
         md="4"
+        style="display: none;"
       >
         <CrmDeveloperMeetup />
       </VCol>

resources/js/pages/medicines/medicines.vue

@@ -1,28 +1,45 @@
 <script setup>
-import data from '@/views/demos/forms/tables/data-table/datatable';
+import { useStore } from 'vuex';
-
+const store = useStore()
 const editDialog = ref(false)
+const addDialog = ref(false)
 const deleteDialog = ref(false)
 const search = ref('')
+const refVForm = ref(null)
+const refVFormAdd = ref(null)
+const selectDropdown = ref(false)
+const selectdataList = ref(null)
 const defaultItem = ref({
-  responsiveId: '',
   id: -1,
-  avatar: '',
+  title: '',
-  fullName: '',
+  slug: '',
-  post: '',
+  list_one_title: '',
-  email: '',
+  list_sub_title: '',
-  city: '',
+  list_two_title: '',
-  startDate: '',
+  price: '',
-  salary: -1,
+  currency:""
-  age: '',
-  experience: '',
-  status: -1,
 })
-
+const requiredImageValidator = (value) => !!value || 'Please select an image file.'
+    const requiredExcelValidator = (value) => !!value || 'Please select an Excel file.'
+const imageFile = ref(null)
+    const excelFile = ref(null)
 const editedItem = ref(defaultItem.value)
 const editedIndex = ref(-1)
-const userList = ref([])
+const medicineList = ref([])
-const isLoading=ref(false)
+const isLoading = ref(false)
+const currencySign = ref('$');
+const imageBase64 = ref(null)
+    const excelBase64 = ref(null)
+const currencies = ref([
+  { code: 'USD', name: 'US Dollar', sign: '$' },
+  { code: 'EUR', name: 'Euro', sign: '€' },
+  { code: 'GBP', name: 'British Pound', sign: '£' },
+  { code: 'JPY', name: 'Japanese Yen', sign: '¥' },
+])
+const setCurrency = (code, sign) => {
+      currencySign.value = sign;
+      // You can perform additional operations with the selected currency code if needed
+    };
 // status options
 const selectedOptions = [
   {
@@ -49,30 +66,31 @@ const selectedOptions = [
 
 // headers
 const headers = [
-  {
+{
-    title: 'NAME',
+    title: 'ID',
-    key: 'fullName',
+    key: 'id',
   },
   {
-    title: 'EMAIL',
+    title: 'Title',
-    key: 'email',
+    key: 'title',
   },
   {
-    title: 'DATE',
+    title: 'Slug',
-    key: 'startDate',
+    key: 'slug',
   },
   {
-    title: 'SALARY',
+    title: 'Price',
-    key: 'salary',
+    key: 'price',
   },
   {
-    title: 'AGE',
+    title: 'Short Detail',
-    key: 'age',
+    key: 'list_one_title',
   },
   {
-    title: 'STATUS',
+    title: 'Short Description',
-    key: 'status',
+    key: 'list_sub_title',
   },
+ 
   {
     title: 'ACTIONS',
     key: 'actions',
@@ -108,64 +126,260 @@ const resolveStatusVariant = status => {
 }
 
 const editItem = item => {
-  editedIndex.value = userList.value.indexOf(item)
+  editedIndex.value = medicineList.value.indexOf(item)
   editedItem.value = { ...item }
   editDialog.value = true
 }
-
+const addItem = item => {
+  addDialog.value = true
+}
 const deleteItem = item => {
-  editedIndex.value = userList.value.indexOf(item)
+  editedIndex.value = medicineList.value.indexOf(item)
   editedItem.value = { ...item }
   deleteDialog.value = true
 }
 
+const selectfile = (data) => {
+  if (data == 'dropdown') {
+    selectDropdown.value = true
+  } else {
+    selectDropdown.value = false
+  }
+  
+}
 const close = () => {
   editDialog.value = false
   editedIndex.value = -1
   editedItem.value = { ...defaultItem.value }
 }
-
+const closeAdd = () => {
+  addDialog.value = false
+}
 const closeDelete = () => {
   deleteDialog.value = false
   editedIndex.value = -1
   editedItem.value = { ...defaultItem.value }
 }
+const getmedicineList = computed(async () => {
+  store.dispatch('updateIsLoading', true)
+  await store.dispatch('medicineList')
+  console.log('medicineList',store.getters.getMedcineList)
+  let list = store.getters.getMedcineList
+  await store.dispatch('questioneriesListExcel')
+  store.dispatch('updateIsLoading', false)
+  let getQuestioneriesList = store.getters.getQuestioneriesList
+    medicineList.value = list
+    return medicineList.value
+});
+const convertImageToBase64 = (event) => {
+      const file = event.target.files[0]
+      const reader = new FileReader()
+      reader.readAsDataURL(file)
+      reader.onload = () => {
+        imageBase64.value = reader.result.split(',')[1]
+      }
+    }
 
-const save = () => {
+    const convertExcelToBase64 = (event) => {
-  if (editedIndex.value > -1)
+      const file = event.target.files[0]
-    Object.assign(userList.value[editedIndex.value], editedItem.value)
+      const reader = new FileReader()
-  else
+      reader.readAsDataURL(file)
-    userList.value.push(editedItem.value)
+      reader.onload = () => {
-  close()
+        excelBase64.value = reader.result.split(',')[1]
+      }
+    }
+
+const save = async () => {
+  const { valid } = await refVFormAdd.value.validate()
+  console.log(valid)
+  if (valid) {
+    try {
+          
+          if (editedIndex.value > -1) {
+            Object.assign(medicineList.value[editedIndex.value], editedItem.value)
+           
+
+            
+          } else {
+         
+            medicineList.value.push(editedItem.value)
+            console.log(imageFile.value)
+            //const formData = new FormData()
+            //formData.append('image', imageBase64.value)
+           
+          
+            // formData.append('title', defaultItem.value.title)
+            // formData.append('slug', defaultItem.value.slug)
+            // formData.append('list_one_title', defaultItem.value.list_one_title)
+            // formData.append('list_sub_title', defaultItem.value.list_sub_title)
+            // formData.append('list_two_title', defaultItem.value.list_two_title)
+            // formData.append('price', defaultItem.value.price)
+            // formData.append('currency', currencySign.value)
+            let ecelData=''
+            if (selectDropdown.value) {
+              let datexcel = {
+                type: 'string',
+                data:selectdataList.value
+              }
+              console.log(datexcel)
+              ecelData=datexcel
+              //formData.append('excel', datexcel)
+            } else {
+             
+              let datexcel = {
+                type: 'file',
+                data:excelBase64.value
+              }
+              ecelData = datexcel
+              // formData.append('excel', datexcel)
+            }
+            await store.dispatch('medicineAdd',{
+              title: defaultItem.value.title,
+              slug: defaultItem.value.slug,
+              list_one_title: defaultItem.value.list_one_title,
+              list_sub_title: defaultItem.value.list_sub_title,
+              list_two_title: defaultItem.value.list_two_title,
+              price: defaultItem.value.price,
+              currency: currencySign.value,
+              excel:'', //ecelData,
+              image:''//imageBase64.value
+            })
+           
+          }
+
+
+
+          // Handle the API response
+          console.log(response.data)
+        } catch (error) {
+          console.error(error)
+        }
+    addDialog.value = false
+    await store.dispatch('medicineList')
+    let list = store.getters.getMedcineList
+    medicineList.value = list
+    closeAdd()
+  }
 }
+const update = async () => {
+  const { valid } = await refVForm.value.validate()
+  console.log(valid)
+  if (valid) {
+    try {
           
-const deleteItemConfirm = () => {
+          if (editedIndex.value > -1) {
-  userList.value.splice(editedIndex.value, 1)
+            Object.assign(medicineList.value[editedIndex.value], editedItem.value)
+           
+            console.log(imageFile.value)
+           
+            let ecelData=''
+            if (selectDropdown.value) {
+              let datexcel = {
+                type: 'string',
+                data:selectdataList.value
+              }
+              console.log(datexcel)
+              ecelData=datexcel
+              //formData.append('excel', datexcel)
+            } else {
+             
+              let datexcel = {
+                type: 'file',
+                data:excelBase64.value
+              }
+              ecelData = datexcel
+              // formData.append('excel', datexcel)
+            }
+            await store.dispatch('medicineUpdate', {
+              id:editedItem.value.id,
+              title: editedItem.value.title,
+              slug: editedItem.value.slug,
+              list_one_title: editedItem.value.list_one_title,
+              list_sub_title: editedItem.value.list_sub_title,
+              list_two_title: editedItem.value.list_two_title,
+              price: editedItem.value.price,
+              currency: currencySign.value,
+              excel:'', //ecelData,
+              image:''//imageBase64.value
+            })
+           
+          }
+
+
+
+          // Handle the API response
+          console.log(response.data)
+        } catch (error) {
+          console.error(error)
+        }
+    addDialog.value = false
+    await store.dispatch('medicineList')
+    let list = store.getters.getMedcineList
+    medicineList.value = list
+    close()
+  }
+}
+const deleteItemConfirm = async () => {
+  
+  await store.dispatch('medicineDelete',{
+    id: editedItem.value.id
+  })
+  medicineList.value.splice(editedIndex.value, 1)
   closeDelete()
-}
 
+  defaultItem.value.id= null
+  defaultItem.value.title= null
+  defaultItem.value.slug= null
+  defaultItem.value.list_one_title= null
+  defaultItem.value.list_sub_title= null
+  defaultItem.value.list_two_title= null
+ defaultItem.value.price =null
+  defaultItem.value.currency=null
+
+}
+const generateSlug = () => {
+  console.log(editedItem.title)
+      if (editedItem.value.title) {
+        editedItem.value.slug = editedItem.value.title
+          .toString()
+          .trim()
+          .toLowerCase()
+          .replace(/\s+/g, '-')
+          .replace(/[^\w-]+/g, '')
+          .replace(/--+/g, '-')
+          .replace(/^-+/, '')
+          .replace(/-+$/, '')
+      } else if (defaultItem.value.title) { 
+        defaultItem.value.slug = defaultItem.value.title 
+          .toString()
+          .trim()
+          .toLowerCase()
+          .replace(/\s+/g, '-')
+          .replace(/[^\w-]+/g, '')
+          .replace(/--+/g, '-')
+          .replace(/^-+/, '')
+          .replace(/-+$/, '')
+      } else {
+        editedItem.slug = ''
+      }
+    }
 onMounted(() => {
-  userList.value = JSON.parse(JSON.stringify(data))
+
 })
 </script>
 
 <template>
-  <VOverlay
+  <v-row>
-          v-model="isLoading"
+    <v-col cols="12" md="12" v-if="getmedicineList">
-          contained
+      <VCardText >
-          persistent
+        <VRow>
-          scroll-strategy="none"
+       
-          class="align-center justify-center"
+          <VCol cols="12" md="8" class="d-flex align-center">
-        >
+          <VBtn color="primary" prepend-icon="ri-add-line" @click="addDialog = true">
-          <VProgressCircular indeterminate />
+            New Medicine
-        </VOverlay>
+          </VBtn>
-  <VCardText>
+          </VCol>
-      <VRow>
+        <VCol cols="12" md="4" class="d-flex justify-end">
-        <VCol
-          cols="12"
-          offset-md="8"
-          md="4"
-        >
           <VTextField
             v-model="search"
             label="Search"
@@ -178,16 +392,16 @@ onMounted(() => {
           />
         </VCol>
       </VRow>
-    </VCardText>
+        </VCardText>
       <VDataTable
         :headers="headers"
-        :items="userList"
+        :items="medicineList"
         :search="search"
         :items-per-page="5"
         class="text-no-wrap"
       >
         <!-- full name -->
-        <template #item.fullName="{ item }">
+        <template #item.name="{ item }">
           <div class="d-flex align-center">
             <!-- avatar -->
             <VAvatar
@@ -203,12 +417,12 @@ onMounted(() => {
               <span
                 v-else
                 class="text-sm"
-              >{{ avatarText(item.fullName) }}</span>
+              >{{ avatarText(item.name) }}</span>
             </VAvatar>
 
             <div class="d-flex flex-column ms-3">
-              <span class="d-block font-weight-medium text-high-emphasis text-truncate">{{ item.fullName }}</span>
+              <span class="d-block font-weight-medium text-high-emphasis text-truncate">{{ item.name }}</span>
-              <small>{{ item.post }}</small>
+          
             </div>
           </div>
         </template>
@@ -241,155 +455,360 @@ onMounted(() => {
           </div>
         </template>
       </VDataTable>
-   
+    </v-col>
+  </v-row>
   <!-- 👉 Edit Dialog  -->
   <VDialog
     v-model="editDialog"
     max-width="600px"
   >
-    <VCard>
+     <VForm ref="refVForm" >
-      <VCardTitle>
+      <VCard>
-        <span class="headline">Edit Item</span>
+        <VCardTitle>
-      </VCardTitle>
+          <span class="headline">Edit Medicine</span>
+        </VCardTitle>
 
-      <VCardText>
+        <VCardText>
-        <VContainer>
+          <VContainer >
-          <VRow>
+          
-            <!-- fullName -->
+            <VRow>
-            <VCol
+              <!-- fullName -->
-              cols="12"
+              <VCol cols="12" md="12">
-              sm="6"
+                <VTextField
-              md="4"
+                  v-model="editedItem.title"
-            >
+                  label="Title"
+                  :rules="[requiredValidator]"
+                  @input="generateSlug"
+                />
+              </VCol>
+              <VCol cols="12" md="12">
+                <VTextField
+                  v-model="editedItem.slug"
+                  label="Slug"
+                  :rules="[requiredValidator]"
+                />
+              </VCol>
+
+              <VCol cols="12" sm="6" md="12">
               <VTextField
-                v-model="editedItem.fullName"
+                v-model="editedItem.price"
-                label="User name"
+                label="Price"
+                :rules="[requiredValidator]"
+                prepend-inner-icon
+              >
+                <template v-slot:prepend-inner>
+                  <VMenu
+                    offset-y
+                    transition="slide-y-transition"
+                    :close-on-content-click="false"
+                  >
+                    <template v-slot:activator="{ props }">
+                      <span v-bind="props">{{ currencySign  || '$money' }}</span>
+                    </template>
+                    <VList>
+                      <VListItem
+                        v-for="currency in currencies"
+                        :key="currency.code"
+                        @click.prevent="setCurrency(currency.code, currency.sign)"
+                      >
+                        <VListItemTitle>{{ currency.name }}</VListItemTitle>
+                      </VListItem>
+                    </VList>
+                  </VMenu>
+                </template>
+              </VTextField>
+            </VCol>
+
+              <VCol cols="12" sm="6" md="12">
+                <VTextField
+                  v-model="editedItem.list_one_title"
+                  label="Short Detail"
+                  :rules="[requiredValidator]"
+                />
+              </VCol>
+              <VCol cols="12" sm="6" md="12">
+                <VTextField
+                  v-model="editedItem.list_sub_title"
+                  label="Short Description"
+                  :rules="[requiredValidator]"
+                />
+              </VCol>
+            
+              <VCol cols="12" sm="6" md="12">
+              <VTextarea
+                v-model="editedItem.list_two_title"
+                label="Full Description"
+                :rules="[requiredValidator]"
               />
             </VCol>
 
-            <!-- email -->
+            <VCol cols="12" md="8">
-            <VCol
+                <div v-if="selectDropdown==false">
-              cols="12"
+                
-              sm="6"
+                  <VFileInput
-              md="4"
+                    v-model="excelFile"
-            >
+                    accept=".xlsx,.xls"
-              <VTextField
+                    show-size
-                v-model="editedItem.email"
+                    counter
-                label="Email"
+                    label="Select an Excel file to upload"
-              />
+                    @change="convertExcelToBase64"
+
+                  />
+                </div>
+                <div v-if="selectDropdown==true">
+                <VSelect
+                    v-model="selectdataList"
+                    :items="store.getters.getQuestioneriesList"
+                    item-title="product_file_path"
+                    item-value="product_file_path"
+                    label="Select File"
+                    prepend-icon="ri-file-line"
+                    variant="outlined"
+                  />
+                </div>
+            </VCol>
+            <VCol cols="12" md="4">
+              <VBtn color="success" variant="outlined" @click="selectfile('dropdown')"     class="custom-button" v-if="selectDropdown==false">Select File</VBtn>
+              <VBtn color="success" variant="outlined" @click="selectfile('upload')"      class="custom-button" v-if="selectDropdown==true">Upload File</VBtn>
+            </VCol>
+            <VCol cols="12" md="12">
+              <div>
+            
+                <VFileInput
+                  v-model="imageFile"
+                  accept="image/*"
+                  show-size
+                  counter
+                  label="Select an image to upload"
+                  @change="convertImageToBase64"
+                />
+              </div>
             </VCol> 
           
-            <!-- salary -->
+            </VRow>
-            <VCol
+          </VContainer>
-              cols="12"
+        </VCardText>
-              sm="6"
-              md="4"
-            >
-              <VTextField
-                v-model="editedItem.salary"
-                label="Salary"
-                prefix="$"
-                type="number"
-              />
-            </VCol>
 
-            <!-- age -->
+        <VCardActions>
-            <VCol
+          <VSpacer />
-              cols="12"
-              sm="6"
-              md="4"
-            >
-              <VTextField
-                v-model="editedItem.age"
-                label="Age"
-                type="number"
-              />
-            </VCol>
 
-            <!-- start date -->
+          <VBtn
-            <VCol
+            color="error"
-              cols="12"
+            variant="outlined"
-              sm="6"
+            @click="close"
-              md="4"
+          >
-            >
+            Cancel
-              <VTextField
+          </VBtn>
-                v-model="editedItem.startDate"
-                label="Date"
-              />
-            </VCol>
 
-            <!-- status -->
+          <VBtn
-            <VCol
+            color="success"
-              cols="12"
+            variant="elevated"
-              sm="6"
+            @click="update"
-              md="4"
+          >
-            >
+            Save
-              <VSelect
+          </VBtn>
-                v-model="editedItem.status"
-                :items="selectedOptions"
-                item-title="text"
-                item-value="value"
-                label="Status"
-                variant="outlined"
-              />
-            </VCol>
-          </VRow>
-        </VContainer>
-      </VCardText>
           
-      <VCardActions>
+        </VCardActions>
-        <VSpacer />
+      </VCard>
-
+    </VForm>
-        <VBtn
-          color="error"
-          variant="outlined"
-          @click="close"
-        >
-          Cancel
-        </VBtn>
-
-        <VBtn
-          color="success"
-          variant="elevated"
-          @click="save"
-        >
-          Save
-        </VBtn>
-      </VCardActions>
-    </VCard>
   </VDialog>
 
-  <!-- 👉 Delete Dialog  -->
+    <!-- 👉 Delete Dialog  -->
+    <VDialog
+      v-model="deleteDialog"
+      max-width="500px"
+    >
+      <VCard>
+        <VCardTitle>
+          Are you sure you want to delete this item?
+        </VCardTitle>
+
+        <VCardActions>
+          <VSpacer />
+
+          <VBtn
+            color="error"
+            variant="outlined"
+            @click="closeDelete"
+          >
+            Cancel
+          </VBtn>
+
+          <VBtn
+            color="success"
+            variant="elevated"
+            @click="deleteItemConfirm"
+          >
+            OK
+          </VBtn>
+
+          <VSpacer />
+        </VCardActions>
+      </VCard>
+    </VDialog>
+
+
+  <!-- 👉 Add Dialog  -->
   <VDialog
-    v-model="deleteDialog"
+    v-model="addDialog"
-    max-width="500px"
+    max-width="600px"
   >
-    <VCard>
+    <VForm ref="refVFormAdd" >
-      <VCardTitle>
+      <VCard>
-        Are you sure you want to delete this item?
+        <VCardTitle>
-      </VCardTitle>
+          <span class="headline">Add Medicine</span>
+        </VCardTitle>
 
-      <VCardActions>
+        <VCardText>
-        <VSpacer />
+          <VContainer >
           
-        <VBtn
+            <VRow>
-          color="error"
+              <!-- fullName -->
-          variant="outlined"
+              <VCol cols="12" md="12">
-          @click="closeDelete"
+                <VTextField
-        >
+                  v-model="defaultItem.title"
-          Cancel
+                  label="Title"
-        </VBtn>
+                  :rules="[requiredValidator]"
+                  @input="generateSlug"
+                />
+              </VCol>
+              <VCol cols="12" md="12">
+                <VTextField
+                  v-model="defaultItem.slug"
+                  label="Slug"
+                  :rules="[requiredValidator]"
+                />
+              </VCol>
 
-        <VBtn
+              <VCol cols="12" sm="6" md="12">
-          color="success"
+              <VTextField
-          variant="elevated"
+                v-model="defaultItem.price"
-          @click="deleteItemConfirm"
+                label="Price"
-        >
+                :rules="[requiredValidator]"
-          OK
+                prepend-inner-icon
-        </VBtn>
+              >
+                <template v-slot:prepend-inner>
+                  <VMenu
+                    offset-y
+                    transition="slide-y-transition"
+                    :close-on-content-click="false"
+                  >
+                    <template v-slot:activator="{ props }">
+                      <span v-bind="props">{{ currencySign  || '$money' }}</span>
+                    </template>
+                    <VList>
+                      <VListItem
+                        v-for="currency in currencies"
+                        :key="currency.code"
+                        @click.prevent="setCurrency(currency.code, currency.sign)"
+                      >
+                        <VListItemTitle>{{ currency.name }}</VListItemTitle>
+                      </VListItem>
+                    </VList>
+                  </VMenu>
+                </template>
+              </VTextField>
+            </VCol>
 
-        <VSpacer />
+              <VCol cols="12" sm="6" md="12">
-      </VCardActions>
+                <VTextField
-    </VCard>
+                  v-model="defaultItem.list_one_title"
+                  label="Short Detail"
+                  :rules="[requiredValidator]"
+                />
+              </VCol>
+              <VCol cols="12" sm="6" md="12">
+                <VTextField
+                  v-model="defaultItem.list_sub_title"
+                  label="Short Description"
+                  :rules="[requiredValidator]"
+                />
+              </VCol>
+            
+              <VCol cols="12" sm="6" md="12">
+              <VTextarea
+                v-model="defaultItem.list_two_title"
+                label="Full Description"
+                :rules="[requiredValidator]"
+              />
+            </VCol>
+
+            <VCol cols="12" md="8">
+                <div v-if="selectDropdown==false">
+                
+                  <VFileInput
+                    v-model="excelFile"
+                    accept=".xlsx,.xls"
+                    :rules="[requiredExcelValidator]"
+                    show-size
+                    counter
+                    label="Select an Excel file to upload"
+                    @change="convertExcelToBase64"
+
+                  />
+                </div>
+                <div v-if="selectDropdown==true">
+                <VSelect
+                    v-model="selectdataList"
+                    :items="store.getters.getQuestioneriesList"
+                    item-title="product_file_path"
+                    item-value="product_file_path"
+                    label="Select File"
+                    prepend-icon="ri-file-line"
+                    variant="outlined"
+                  />
+                </div>
+            </VCol>
+            <VCol cols="12" md="4">
+              <VBtn color="success" variant="outlined" @click="selectfile('dropdown')"     class="custom-button" v-if="selectDropdown==false">Select File</VBtn>
+              <VBtn color="success" variant="outlined" @click="selectfile('upload')"      class="custom-button" v-if="selectDropdown==true">Upload File</VBtn>
+            </VCol>
+            <VCol cols="12" md="12">
+              <div>
+            
+                <VFileInput
+                  v-model="imageFile"
+                  accept="image/*"
+                  :rules="[requiredImageValidator]"
+                  show-size
+                  counter
+                  label="Select an image to upload"
+                  @change="convertImageToBase64"
+                />
+              </div>
+            </VCol> 
+          
+            </VRow>
+          </VContainer>
+        </VCardText>
+
+        <VCardActions>
+          <VSpacer />
+
+          <VBtn
+            color="error"
+            variant="outlined"
+            @click="closeAdd"
+          >
+            Cancel
+          </VBtn>
+
+          <VBtn
+            color="success"
+            variant="elevated"
+            @click="save"
+          >
+            Save
+          </VBtn>
+          
+        </VCardActions>
+      </VCard>
+    </VForm>
   </VDialog>
 </template>
+<style scoped>
+.custom-button {
+  width: 100%;
+  height: 48px; /* This value should match the height of your input fields */
+}
+</style>

resources/js/store.js

@@ -5,6 +5,11 @@ import {
   LABS_DELETE_API,
   LABS_LIST_API,
   LABS_UPDATE_API,
+  MEDICINE_ADD_QUESTIONERIES_EXCEL_API,
+  MEDICINE_DELETE_API,
+  MEDICINE_LIST_API,
+  MEDICINE_SAVE_API,
+  MEDICINE_UPDATE_API,
   MEETING_NOTES_API,
   MEETING_PRESCREPTIONS_API,
   PATIENT_DELETE_API,
@@ -28,6 +33,8 @@ export default createStore({
     singlePatientAppointment: null,
     patientPrescription:null,
     patientNotes: null,
+    medicineList: [],
+    questioneriesList: []
   },
   mutations: {
     setLoading(state, payload) {
@@ -55,7 +62,12 @@ export default createStore({
     setPatientNotes(state, payload) {
       state.patientNotes = payload
     },
-    
+     setMedicineList(state, payload) {
+      state.medicineList = payload
+    },
+    setQuestionersList(state, payload) {
+      state.questioneriesList = payload
+    }
   },
   actions: {
     
@@ -370,6 +382,138 @@ export default createStore({
             console.error('Error:', error);
           });
     },
+     async medicineList({ commit }, payload) {
+      commit('setLoading', true)
+      console.log(localStorage.getItem('admin_access_token'))
+      await axios.post(MEDICINE_LIST_API, {}, {
+        headers: {
+            'Authorization': `Bearer ${localStorage.getItem('admin_access_token')}`,
+        }
+      })  .then(response => {
+              commit('setLoading', false)
+            console.log('Response:', response.data);
+            let dataArray =[]
+            // for (let data of response.data.medicines) {
+            //   let dataObject = {}
+            //   dataObject.title = data.title
+            //   dataObject.slug = data.slug 
+            //   dataObject.price =  data.price
+            //   dataObject.slot_time =  data.slot_time
+            //   dataObject.appointment_id = data.appointment_id
+            //   dataObject.booking_time = data.booking_time
+            //   dataObject.contact_no = data.contact_no
+            //   dataObject.avatar = '',
+            //   dataObject.id = data.id,
+            //   dataArray.push(dataObject)
+            // }
+            console.log(dataArray)
+            commit('setMedicineList',response.data.medicines)
+  
+          })
+          .catch(error => {
+            commit('setLoading', false)
+            console.error('Error:', error);
+          });
+    },
+    async medicineUpdate({ commit }, payload) {
+      commit('setLoading', true)
+      await axios.post(MEDICINE_UPDATE_API+payload.id, {
+        title: payload.title,
+        slug: payload.slug,
+        list_one_title: payload.list_one_title,
+        list_sub_title: payload.list_sub_title,
+        list_two_title: payload.list_two_title,
+        price: payload.price,
+        currency: payload.currency,
+        excel: payload.excel,
+        image:payload.image
+      }, {
+        headers: {
+            'Authorization': `Bearer ${localStorage.getItem('admin_access_token')}`,
+        }
+      })  .then(response => {
+            commit('setLoading', false)
+            console.log('Response:', response.data);
+  
+          })
+          .catch(error => {
+            commit('setLoading', false)
+            console.error('Error:', error);
+          });
+    },
+    async medicineDelete({ commit }, payload) {
+      commit('setLoading', true)
+      console.log(localStorage.getItem('admin_access_token'))
+      await axios.post(MEDICINE_DELETE_API+payload.id, {}, {
+        headers: {
+            'Authorization': `Bearer ${localStorage.getItem('admin_access_token')}`,
+        }
+      })  .then(response => {
+            commit('setLoading', false)
+            console.log('Response:', response.data);
+  
+          })
+          .catch(error => {
+            commit('setLoading', false)
+            console.error('Error:', error);
+          });
+    },
+    async questioneriesListExcel({ commit }, payload) {
+      commit('setLoading', true)
+      console.log(localStorage.getItem('admin_access_token'))
+      await axios.post(MEDICINE_ADD_QUESTIONERIES_EXCEL_API, {}, {
+        headers: {
+            'Authorization': `Bearer ${localStorage.getItem('admin_access_token')}`,
+        }
+      })  .then(response => {
+              commit('setLoading', false)
+            console.log('Response:', response.data);
+        
+            commit('setQuestionersList',response.data.medicines)
+  
+          })
+          .catch(error => {
+            commit('setLoading', false)
+            console.error('Error:', error);
+          });
+    },
+    async medicineAdd({ commit }, payload) {
+      commit('setLoading', true)
+      // const formData = new FormData()
+      //   formData.append('title', defaultItem.value.title)
+      //     formData.append('slug', defaultItem.value.slug)
+      //    formData.append('list_one_title', defaultItem.value.list_one_title)
+      //   formData.append('list_sub_title', defaultItem.value.list_sub_title)
+      //    formData.append('list_two_title', defaultItem.value.list_two_title)
+      //     formData.append('price', defaultItem.value.price)
+      //     formData.append('currency', currencySign.value)
+      
+      // formData.append('image', imageBase64.value)
+      await axios.post(MEDICINE_SAVE_API, {
+        title: payload.title,
+        slug: payload.slug,
+        list_one_title: payload.list_one_title,
+        list_sub_title: payload.list_sub_title,
+        list_two_title: payload.list_two_title,
+        price: payload.price,
+        currency: payload.currency,
+        excel: payload.excel,
+        image:payload.image
+      }, {
+        headers: {
+          'Content-Type': 'multipart/form-data',
+          'Authorization': `Bearer ${localStorage.getItem('admin_access_token')}`,
+        }
+      })  .then(response => {
+            commit('setLoading', false)
+            console.log('Response:', response.data);
+  
+          })
+          .catch(error => {
+            commit('setLoading', false)
+            console.error('Error:', error);
+          });
+},
   },
   getters: {
     getIsLoading(state){
@@ -397,5 +541,11 @@ export default createStore({
     getPatientNotes(state){
       return state.patientNotes
     },
+    getMedcineList(state){
+      return state.medicineList
+    },
+    getQuestioneriesList(state){
+      return state.questioneriesList
+    },
   }
 })