feat: Implement Fast Request feature with file upload and request management

resources/js/Client/components/dashboard/fastRequest/RequestDoctor.vue

@@ -1,29 +1,35 @@
 <script setup>
-   
+import { useFastRequestStore } from '../../../store/FastRequest';
 
+const fastRequestStore = useFastRequestStore();
+
+const selectDoctor = (doctorId) => {
+    fastRequestStore.doctorId = doctorId;
+}
 </script>
-    
+
 <template>
 <div class="w-full h-full grid grid-cols-3 gap-2 items-center justify-between py-4">
-    <div class="w-full bg-white h-[134px] flex flex-col items-center justify-center border-[2px] border-[#576989] rounded-[12px]">
+    <button
+        type="button"
+        @click="selectDoctor(null)"
+        class="w-full bg-white h-[134px] flex flex-col items-center justify-center rounded-[12px] cursor-pointer"
+        :class="fastRequestStore.doctorId === null ? 'border-[2px] border-[#576989]' : 'border-[1px] border-[#DEE3EB]'"
+    >
         <h3 class="text-[13px] font-[600] text-[#576989]">انتخاب خودکار</h3>
         <p class="w-[190px] text-center text-[11px] font-[600] text-[#3E4C63]">انتخاب در دسترس‌ ترین پزشک جهت بررسی سریع درخواست شما</p>
-    </div>
-    <div class="w-full bg-white h-[134px] flex flex-col items-center justify-center border-[1px] border-[#DEE3EB] rounded-[12px]">
-        <img src="/public/images/profile_default.png" alt="doctor" class="w-[65px] h-[65px] rounded-[50px] object-contain ">
-        <h3 class="text-[13px] font-[600] text-[#576989]">دکتر حسین حسینی</h3>
-        <p class="text-center text-[11px] font-[600] text-[#7188AD]">متخصص جراحی پوست و مو</p>
-    </div>    
-    <div class="w-full bg-white h-[134px] flex flex-col items-center justify-center border-[1px] border-[#DEE3EB] rounded-[12px]">
-        <img src="/public/images/profile_default.png" alt="doctor" class="w-[65px] h-[65px] rounded-[50px] object-contain ">
-        <h3 class="text-[13px] font-[600] text-[#576989]">دکتر امین حسینی</h3>
-        <p class="text-center text-[11px] font-[600] text-[#7188AD]">متخصص  و رادیولوژیست</p>
-    </div>
+    </button>
+    <button
+        v-for="doctor in fastRequestStore.doctors"
+        :key="doctor.id"
+        type="button"
+        @click="selectDoctor(doctor.id)"
+        class="w-full bg-white h-[134px] flex flex-col items-center justify-center rounded-[12px] cursor-pointer"
+        :class="fastRequestStore.doctorId === doctor.id ? 'border-[2px] border-[#576989]' : 'border-[1px] border-[#DEE3EB]'"
+    >
+        <img :src="doctor.profile_url || '/images/profile_default.png'" :alt="doctor.fullname" class="w-[65px] h-[65px] rounded-full object-cover">
+        <h3 class="text-[13px] font-[600] text-[#576989]">{{ doctor.fullname }}</h3>
+        <p class="text-center text-[11px] font-[600] text-[#7188AD]">{{ doctor.specialty }}</p>
+    </button>
 </div>
 </template>
-
-<style scoped>
-
-</style>
-    
-