complete story 9.9 with qa test

This commit is contained in:
Naser Mansour
2026-01-03 02:39:33 +02:00
parent 9abaa93a49
commit 9228921669
16 changed files with 968 additions and 194 deletions
@@ -179,15 +179,15 @@ new class extends Component
</div>
<!-- Calendar Grid -->
<div class="grid grid-cols-7 gap-1" dir="{{ app()->getLocale() === 'ar' ? 'rtl' : 'ltr' }}">
<div class="calendar-grid" dir="{{ app()->getLocale() === 'ar' ? 'rtl' : 'ltr' }}">
@foreach($calendarDays as $dayData)
@if($dayData === null)
<div class="h-12"></div>
<div class="calendar-cell"></div>
@else
<button
wire:click="selectDate('{{ $dayData['date'] }}')"
@class([
'h-12 rounded-lg text-center transition-colors font-medium',
'calendar-cell rounded-lg text-center transition-colors font-medium min-h-[44px]',
'bg-emerald-100 text-emerald-700 hover:bg-emerald-200 dark:bg-emerald-900/30 dark:text-emerald-400 dark:hover:bg-emerald-900/50' => $dayData['status'] === 'available',
'bg-amber-100 text-amber-700 hover:bg-amber-200 dark:bg-amber-900/30 dark:text-amber-400 dark:hover:bg-amber-900/50' => $dayData['status'] === 'partial',
'bg-sky-100 text-sky-700 cursor-not-allowed dark:bg-sky-900/30 dark:text-sky-400' => $dayData['status'] === 'user_booked',
@@ -211,11 +211,11 @@ new class extends Component
</flux:heading>
@if(count($availableSlots) > 0)
<div class="grid grid-cols-3 sm:grid-cols-4 gap-2">
<div class="time-slots-grid">
@foreach($availableSlots as $slot)
<button
wire:click="$parent.selectSlot('{{ $selectedDate }}', '{{ $slot }}')"
class="p-3 rounded-lg border border-amber-500 text-amber-600 hover:bg-amber-500 hover:text-white transition-colors dark:border-amber-400 dark:text-amber-400 dark:hover:bg-amber-500 dark:hover:text-white"
class="time-slot-btn rounded-lg border border-amber-500 text-amber-600 hover:bg-amber-500 hover:text-white transition-colors dark:border-amber-400 dark:text-amber-400 dark:hover:bg-amber-500 dark:hover:text-white"
>
{{ \Carbon\Carbon::parse($slot)->format('g:i A') }}
</button>