diff --git a/resources/js/constants.js b/resources/js/constants.js
index 341cf07..afe412d 100644
--- a/resources/js/constants.js
+++ b/resources/js/constants.js
@@ -18,6 +18,7 @@ export const PATIENT_PRESCRIPTION_STATUS_UPDATE_API =  MAIN_DOMAIN + "/api/admin
 export const SUBCRIPTIONS_LIST_API =  MAIN_DOMAIN + "/api/plans/"
 
 
+export const PROVIDER_FILTER_LIST_API =  MAIN_DOMAIN + "/api/admin/telemed-pro-list"
 export const PROVIDER_LIST_API =  MAIN_DOMAIN + "/api/admin/telemed-pro-list"
 export const PROVIDER_INFO_API =  MAIN_DOMAIN + "/api/admin/telemed-pro/"
 export const PROVIDER_UPDATE_API =  MAIN_DOMAIN + "/api/admin/telemed-pro-update/"
diff --git a/resources/js/pages/providers/providers.vue b/resources/js/pages/providers/providers.vue
index b3b136e..afe0929 100644
--- a/resources/js/pages/providers/providers.vue
+++ b/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>
diff --git a/resources/js/store.js b/resources/js/store.js
index 32edf27..a690b24 100644
--- a/resources/js/store.js
+++ b/resources/js/store.js
@@ -33,6 +33,7 @@ import {
   PATIENT_UPDATE_API,
   PROFILE_UPDATE_API,
   PROVIDER_DELETE_API,
+  PROVIDER_FILTER_LIST_API,
   PROVIDER_LIST_API,
   PROVIDER_MEETING_LIST_API,
   PROVIDER_UPDATE_API,
@@ -216,6 +217,7 @@ export default createStore({
     },
     async PatientFilter({ commit,state }, payload) {
       commit('setLoading', true)
+      
       await axios.post(PATIENT_FILTER_LIST_API, {
         plan: payload.plan ? payload.plan: 'all' ,
         gender: payload.gender ? payload.gender: 'all',
@@ -341,10 +343,58 @@ export default createStore({
             console.error('Error:', error);
           });
     },
+    async providersFilterList({ commit }, payload) {
+      commit('setLoading', true)
+      if(payload.state == 'All')
+        payload.state = payload.state.toLowerCase(); 
+      if(payload.availabilityFrom == 'All')
+        payload.availabilityFrom = payload.availabilityFrom.toLowerCase(); 
+      if(payload.availabilityTo == 'All')
+        payload.availabilityTo = payload.availabilityTo.toLowerCase(); 
+      console.log(localStorage.getItem('admin_access_token'))
+      await axios.post(PROVIDER_FILTER_LIST_API, {
+        gender:payload.gender? payload.gender:'all',
+        state: payload.state? payload.state:'all',
+        availability_from: payload.availabilityFrom ? payload.availabilityFrom:'all',
+        availability_to:payload.availabilityTo?payload.availabilityTo : 'all'
+      }, {
+        headers: {
+            'Authorization': `Bearer ${localStorage.getItem('admin_access_token')}`,
+        }
+      })  .then(response => {
+              commit('setLoading', false)
+            console.log('Response:', response.data.patients);
+            let dataArray =[]
+            for (let data of response.data.patients) {
+              let dataObject = {}
+              dataObject.name = data.first_name + ' ' + data.last_name
+              dataObject.first_name = data.first_name 
+              dataObject.last_name =  data.last_name
+              dataObject.email = data.email
+              // dataObject.dob = data.dob
+              dataObject.phone_no = data.phone_number
+              dataObject.avatar = '',
+              dataObject.id = data.id,
+              dataArray.push(dataObject)
+            }
+            console.log(dataArray)
+            commit('setProvidersList',dataArray)
+  
+          })
+          .catch(error => {
+            commit('setLoading', false)
+            console.error('Error:', error);
+          });
+    },
     async providersList({ commit }, payload) {
       commit('setLoading', true)
       console.log(localStorage.getItem('admin_access_token'))
-      await axios.post(PROVIDER_LIST_API, {}, {
+      await axios.post(PROVIDER_LIST_API, {
+        gender: 'all',
+        state: 'all',
+        availabilityFrom: 'all',
+        availabilityTo: 'all'
+      }, {
         headers: {
             'Authorization': `Bearer ${localStorage.getItem('admin_access_token')}`,
         }