From dcfdedd93cdedc68d55f6bf0557aca6648b6009b Mon Sep 17 00:00:00 2001
From: hamed <15238-genius.ha@users.noreply.drupalcode.org>
Date: Mon, 15 Jun 2026 15:40:21 +0330
Subject: [PATCH] fix(appointment): render real slot structure in time picker
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The slots API returns data.sessions[].slots[] with start_time (HH:MM),
is_available, and start/end unix timestamps — not the morning/evening +
time/status shape the UI assumed. Add lib/appointmentSlots.js to flatten
sessions into morning/evening by start_time, fetch with doctor.uuid, and
read item.start_time / item.is_available in the slot grid. Derive the
clinic address from the already-loaded doctor.address by location_id
instead of a separate auth-required call.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 app/component/date/dateTime/hours/List.js |  6 +--
 app/component/date/dateTime/index.js      | 55 ++++++-----------------
 lib/appointmentSlots.js                   | 21 +++++++++
 3 files changed, 37 insertions(+), 45 deletions(-)
 create mode 100644 lib/appointmentSlots.js

diff --git a/app/component/date/dateTime/hours/List.js b/app/component/date/dateTime/hours/List.js
index 50792c3..58e1d4e 100644
--- a/app/component/date/dateTime/hours/List.js
+++ b/app/component/date/dateTime/hours/List.js
@@ -12,7 +12,7 @@ function List({ appo, hour, setHour, value }) {
           <li key={idx}>
             <Button
               onClick={() => setHour(item)}
-              disabled={item.status !== "available"}
+              disabled={!item.is_available}
               className={`
                           !w-full !rounded-[8px] !bg-[#EFEFEF] !flex !justify-center !items-center !py-[10px] !px-[14px] !h-[40px] md:!h-[42px] lg:!h-[44px]
                           ${checkHour(item) ? "!bg-[#F79463] " : ""}
@@ -21,11 +21,11 @@ function List({ appo, hour, setHour, value }) {
               <p
                 className={`
                           text-[16px] font-semibold text-[#525252]
-                          ${item.status === "available" ? "text-[#525252]" : "text-[#D7D7D7]"}
+                          ${item.is_available ? "text-[#525252]" : "text-[#D7D7D7]"}
                           ${checkHour(item) ? "!text-[#FAFAFA] " : ""}
                       `}
               >
-                {item.time}
+                {item.start_time}
               </p>
             </Button>
           </li>
diff --git a/app/component/date/dateTime/index.js b/app/component/date/dateTime/index.js
index 7537b5b..83a45d3 100644
--- a/app/component/date/dateTime/index.js
+++ b/app/component/date/dateTime/index.js
@@ -5,6 +5,7 @@ import Hours from "./hours";
 import Tabs from "../../Tabs";
 import { request } from "@/services/response";
 import SendAppo from "./SendAppo";
+import { adaptSlots, hasAvailable } from "@/lib/appointmentSlots";
 
 const listTab = ["صبح", "بعد از ظهر"];
 const nameHours = ["hours_morning", "hours_afternoon"];
@@ -13,63 +14,33 @@ function DateTime({ date, doctor, setStep, setSelectedSlot, setSelectedDate }) {
   const [value, setValue] = useState(0);
   const [hour, setHour] = useState();
   const [appo, setAppo] = useState("تاریخ مورد نظرتان را انتخاب کنید.");
-  const [locationAddress, setLocationAddress] = useState(null);
 
   const handleChange = (event, newValue) => {
     setHour();
     setValue(newValue);
   };
 
-  // دریافت آدرس بر اساس location_id وقتی ساعت انتخاب می‌شود
-  useEffect(() => {
-    if (hour && hour.location_id) {
-      request
-        .getDoctorAddress(hour.location_id)
-        .then((res) => {
-          setLocationAddress(res.address);
-        })
-        .catch((err) => {
-          console.error("Error fetching address:", err);
-          setLocationAddress(null);
-        });
-    } else {
-      setLocationAddress(null);
-    }
-  }, [hour]);
+  const locationAddress = hour?.location_id
+    ? doctor?.address?.find((a) => String(a.id) === String(hour.location_id))?.address ?? null
+    : null;
 
   useEffect(() => {
-    if (date && doctor?.id) {
+    if (date && doctor?.uuid) {
       setAppo("loading");
       setHour();
       request
-        .getAppointment(doctor.id, date)
+        .getAppointmentSlots(doctor.uuid, date)
         .then((res) => {
-          setAppo(res);
-
-          // بررسی وجود اسلات‌های available در صبح و عصر
-          const hasAvailableMorning = res.morning?.some(slot => slot.status === "available");
-          const hasAvailableEvening = res.evening?.some(slot => slot.status === "available");
-
-          // اگر هر دو صبح و عصر اسلات available داشته باشند، صبح را نمایش بده
-          if (hasAvailableMorning && hasAvailableEvening) {
-            setValue(0);
-          }
-          // اگر فقط صبح اسلات available داشته باشد
-          else if (hasAvailableMorning && !hasAvailableEvening) {
-            setValue(0);
-          }
-          // اگر فقط عصر اسلات available داشته باشد یا هیچ کدام available نداشته باشند، عصر را نمایش بده
-          else {
-            setValue(1);
-          }
+          const slots = adaptSlots(res);
+          setAppo(slots);
+          setValue(hasAvailable(slots.morning) || !hasAvailable(slots.evening) ? 0 : 1);
         })
-        .catch((err) => {
-          setAppo("در حال حاضر، نوبتی برای ساعت‌های صبح موجود نمی‌باشد.");
-          // در صورت خطا هم عصر را نمایش بده
-          setValue(1);
+        .catch(() => {
+          setAppo("در حال حاضر، نوبتی برای این روز موجود نمی‌باشد.");
+          setValue(0);
         });
     }
-  }, [date, doctor?.id]);
+  }, [date, doctor?.uuid]);
 
   return (
     <div className="w-full">
diff --git a/lib/appointmentSlots.js b/lib/appointmentSlots.js
new file mode 100644
index 0000000..dcc0e87
--- /dev/null
+++ b/lib/appointmentSlots.js
@@ -0,0 +1,21 @@
+const MORNING_END = "12:00";
+
+export function adaptSlots(slotsResponse) {
+  const sessions = slotsResponse?.data?.sessions ?? slotsResponse?.sessions ?? [];
+
+  const morning = [];
+  const evening = [];
+
+  sessions.forEach((session) => {
+    (session.slots ?? []).forEach((slot) => {
+      const target = slot.start_time < MORNING_END ? morning : evening;
+      target.push(slot);
+    });
+  });
+
+  return { morning, evening };
+}
+
+export function hasAvailable(slots) {
+  return Array.isArray(slots) && slots.some((slot) => slot.is_available);
+}