fixes

resources/js/pages/providers/providers.vue

@@ -247,28 +247,31 @@ const deleteItemConfirm = async() => {
   closeDelete()
 }
 const getprovidersList = computed(async () => {
-  store.dispatch('updateIsLoading', true)
-  await store.dispatch('providersList')
-  console.log('getProvidersList',store.getters.getProvidersList)
+  
+  console.log('getprovidersFilterList',store.getters.getProvidersList)
     let list = store.getters.getProvidersList
     store.dispatch('updateIsLoading', false)
-  providersList.value = list
+    providersList.value = list
     return providersList.value
 });
 
 const getProviderFilter = async() => {
-//  console.log("filter", filter.value.plan, filter.value.gender, filter.value.state);
-  
-//   await store.dispatch('PatientFilter', {
-//     plan: filter.value.plan,
-//     gender: filter.value.gender,
-//     state: filter.value.state,
-//   })
-//   store.dispatch('updateIsLoading', false)
+  store.dispatch('updateIsLoading', true)
+  await store.dispatch('providersFilterList',{
+    gender: filter.value.gender.toLowerCase(),
+    state: filter.value.state,
+    availabilityFrom: filter.value.availabilityFrom,
+    availabilityTo:filter.value.availabilityTo,
+
+  })
+
+   store.dispatch('updateIsLoading', false)
  }
 
-onMounted(() => {
- 
+onMounted(async() => {
+  store.dispatch('updateIsLoading', true)
+  await store.dispatch('providersList')
+   store.dispatch('updateIsLoading', false)
 
 })
 const filter = ref({
@@ -336,28 +339,24 @@ const onDateRangeChange = async(newvalue)=> {
 
 const timeOptions = computed(() => {
   const options = ['All'];
-  for (let hour = 0; hour < 24; hour++) {
-    for (let minute = 0; minute < 60; minute += 30) {
-      let period = 'AM';
-      let displayHour = hour;
 
-      if (hour === 0) {
-        displayHour = 12; // Convert 0 to 12 for 12:00 AM
-      } else if (hour === 12) {
-        period = 'PM'; // 12:00 PM
-      } else if (hour > 12) {
-        displayHour = hour - 12; // Convert to 12-hour format
-        period = 'PM';
-      }
-      
-      const timeString = `${displayHour.toString().padStart(2, '0')}:${minute
-        .toString()
-        .padStart(2, '0')} ${period}`;
+  // Loop through the hours from 12 to 23 (for 12:00 PM to 11:00 PM)
+  for (let hour = 12; hour <= 23; hour++) {
+    // Loop through the minutes (0 and 30)
+    for (let minute of [0, 30]) {
+      // Construct the time string
+      const timeString = `${hour.toString().padStart(2, '0')}:${minute.toString().padStart(2, '0')}`;
       options.push(timeString);
     }
   }
+
+  // Add the time option for 24:00 (midnight)
+  options.push('24:00');
+
   return options;
 });
+
+
 </script>
 
 <template>