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:
@@ -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',
|
||||
|
||||
Reference in New Issue
Block a user