24-6: booking page and booking success — implemented, QA Review

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
Naser Mansour
2026-10-31 18:51:15 +02:00
parent b1ac864573
commit 7637294593
11 changed files with 238 additions and 192 deletions
@@ -239,13 +239,13 @@ new class extends Component
@else
<!-- Calendar Header -->
<div class="flex items-center justify-between mb-4">
<flux:button size="sm" wire:click="previousMonth" variant="outline">
<flux:button size="sm" wire:click="previousMonth" variant="outline" class="site-cal-nav">
<flux:icon name="chevron-{{ app()->getLocale() === 'ar' ? 'right' : 'left' }}" class="size-5" />
</flux:button>
<flux:heading size="lg" class="text-body">{{ $monthName }}</flux:heading>
<flux:button size="sm" wire:click="nextMonth" variant="outline">
<flux:button size="sm" wire:click="nextMonth" variant="outline" class="site-cal-nav">
<flux:icon name="chevron-{{ app()->getLocale() === 'ar' ? 'left' : 'right' }}" class="size-5" />
</flux:button>
</div>
@@ -268,7 +268,10 @@ new class extends Component
<button
wire:click="selectDate('{{ $dayData['date'] }}')"
@class([
'calendar-cell rounded-lg text-center transition-colors font-medium min-h-[44px] text-white',
'calendar-cell site-cal-day rounded-lg text-center transition-colors font-medium min-h-[44px] text-white',
'is-available' => in_array($dayData['status'], ['available', 'partial']),
'is-selected' => $selectedDate === $dayData['date'],
'is-unavailable' => in_array($dayData['status'], ['past', 'closed', 'blocked', 'full', 'user_booked']),
'bg-[#4A5D23]/70 hover:bg-[#4A5D23]/85' => $dayData['status'] === 'available',
'bg-[#D4A84B]/70 hover:bg-[#D4A84B]/85' => $dayData['status'] === 'partial',
'bg-sky-400/50 cursor-not-allowed' => $dayData['status'] === 'user_booked',