From 6245965c1ce0c73cc22d192301a4b6fc4887cfdd Mon Sep 17 00:00:00 2001
From: Claw AI <claw@example.com>
Date: Sun, 29 Mar 2026 21:40:32 +0000
Subject: [PATCH] Allow unauthenticated users to view and select dates, login
 only on book

---
 app/property/[id]/page.js | 19 ++-----------------
 1 file changed, 2 insertions(+), 17 deletions(-)

diff --git a/app/property/[id]/page.js b/app/property/[id]/page.js
index 5cd5924..88afeae 100644
--- a/app/property/[id]/page.js
+++ b/app/property/[id]/page.js
@@ -238,10 +238,6 @@ export default function PropertyDetailsPage() {
   };
 
   const handleCalendarClick = (dateStr) => {
-    if (!AuthService.isAuthenticated()) {
-      setShowLoginDialog(true);
-      return;
-    }
     if (!isDateAvailable(dateStr)) return;
 
     if (!bookingDates.start || selectingEnd) {
@@ -610,17 +606,6 @@ export default function PropertyDetailsPage() {
 
                 {/* Calendar */}
                 <div className="mb-4 relative">
-                  {!AuthService.isAuthenticated() && (
-                    <div
-                      onClick={() => setShowLoginDialog(true)}
-                      className="absolute inset-0 z-10 flex items-center justify-center bg-white/80 backdrop-blur-sm rounded-xl cursor-pointer"
-                    >
-                      <div className="text-center">
-                        <LogIn className="w-8 h-8 text-gray-400 mx-auto mb-2" />
-                        <p className="text-sm text-gray-500 font-medium">سجّل الدخول لعرض التواريخ المتاحة</p>
-                      </div>
-                    </div>
-                  )}
                   <div className="flex items-center justify-between mb-3">
                     <button onClick={() => setCalendarMonth(new Date(calendarMonth.getFullYear(), calendarMonth.getMonth() - 1))} className="p-1 hover:bg-gray-100 rounded-lg">
                       <ChevronRight className="w-5 h-5" />
@@ -662,8 +647,8 @@ export default function PropertyDetailsPage() {
                         cells.push(
                           <button
                             key={dateStr}
-                            onClick={() => !isPast && AuthService.isAuthenticated() && handleCalendarClick(dateStr)}
-                            disabled={isPast || !available || !AuthService.isAuthenticated()}
+                            onClick={() => !isPast && handleCalendarClick(dateStr)}
+                            disabled={isPast || !available}
                             className={`w-full aspect-square rounded-lg text-sm font-medium transition-all ${
                               isStart || isEnd
                                 ? 'bg-amber-500 text-white'