@extends('patient.layout')
@section('title','Book an appointment')
@section('content')
<nav class="page-actions"><a href="{{ route('patient.home',$organization->slug) }}#appointments">Back to my appointments</a></nav>
<h1>{{ $appointment?'Reschedule your appointment':'Book an appointment' }}</h1>
<p class="muted">All times are shown in {{ config('app.timezone') }}. For urgent assistance, contact the clinic directly.</p>
@if(!$policy->enabled)
<div class="card"><p>Online booking is currently unavailable. Please contact the clinic to arrange an appointment.</p></div>
@else
<details class="booking-rules"><summary>Booking and cancellation rules</summary><p>Book at least {{ $policy->minimum_notice_hours }} hours ahead, up to {{ $policy->horizon_days }} days in advance. Online changes and cancellations close {{ $policy->change_notice_hours }} hours before the appointment.</p></details>
@if($appointment)<div class="notice">Choose another time with the same clinician, facility and consultation type. Contact the clinic to change these details.</div>@endif
<div class="card"><div class="step-label">Step 1 · Choose your visit</div><h2>Find a consultation</h2>
<form method="GET" action="{{ route('patient.booking',$organization->slug) }}">
@if($appointment)<input type="hidden" name="appointment" value="{{ $appointment->id }}">@endif
<div class="booking-grid">
<div><label for="date">Date</label><input id="date" name="date" type="date" required value="{{ $date }}" min="{{ now()->toDateString() }}" max="{{ now()->addDays($policy->horizon_days)->toDateString() }}"></div>
<div><label for="facility">Facility</label><select id="facility" name="facility"><option value="">All facilities</option>@foreach($facilities as $f)<option value="{{ $f->id }}" @selected((string)request('facility')===(string)$f->id)>{{ $f->name }}</option>@endforeach</select></div>
<div><label for="department">Department / service</label><select id="department" name="department"><option value="">All departments</option>@foreach($departments as $d)<option value="{{ $d->id }}" @selected((string)request('department')===(string)$d->id)>{{ $d->name }}</option>@endforeach</select></div>
<div><label for="physician">Clinician</label><select id="physician" name="physician"><option value="">All clinicians</option>@foreach($physicians as $p)<option value="{{ $p->user_id }}" @selected((string)request('physician')===(string)$p->user_id)>{{ $p->name }} · {{ $p->specialty }}</option>@endforeach</select></div>
</div><button>Find sessions</button></form></div>
<div class="booking-results"><div class="card"><div class="step-label">Step 2 · Select a session</div><h2>Consultation sessions on {{ \Illuminate\Support\Carbon::parse($date)->format('d M Y') }}</h2>
@forelse($sessions as $s)
<div class="session-option"><div><strong>{{ $s->clinician_name }}</strong> · {{ $s->specialty }}<br>
{{ $s->facility_name }}{{ $s->department_name?' · '.$s->department_name:'' }} · {{ str_replace('_',' ',$s->modality) }}<br>
{{ \Illuminate\Support\Carbon::parse($s->starts_at)->format('d M H:i') }} – {{ \Illuminate\Support\Carbon::parse($s->ends_at)->format('d M H:i') }} · {{ $s->slot_minutes }} minutes</div>
<a class="button button-quiet" href="{{ route('patient.booking',array_merge(['organization'=>$organization->slug],request()->only(['facility','department','physician']),['date'=>$date,'session'=>$s->id,'appointment'=>$appointment?->id])) }}#booking-confirm">Choose a time</a></div>
@empty<p>No sessions match your selection. Try another date or contact the clinic.</p>@endforelse
</div>
@if($selected)
<div class="card confirmation-card" id="booking-confirm"><div class="step-label">Step 3 · Confirm details</div><h2>Confirm your {{ $appointment?'new time':'appointment' }}</h2>
<p>{{ $selected->clinician_name }} · {{ $selected->facility_name }} · {{ str_replace('_',' ',$selected->modality) }} · {{ $selected->slot_minutes }} minutes</p>
@if(count($slots))
<form method="POST" action="{{ $appointment?route('patient.appointments.reschedule',['organization'=>$organization->slug,'appointment'=>$appointment->id]):route('patient.appointments.store',$organization->slug) }}">@csrf
<input type="hidden" name="session_id" value="{{ $selected->id }}">
<label for="scheduled_at">Available time</label><select id="scheduled_at" name="scheduled_at" required>
<option value="">Choose a time</option>
@foreach($slots as $slot)<option value="{{ $slot }}" @selected(old('scheduled_at')===$slot)>{{ \Illuminate\Support\Carbon::parse($slot)->format('d M Y H:i') }}</option>@endforeach
</select>
@if(!$appointment)<label for="reason">Reason for visit (optional)</label><textarea id="reason" name="reason" maxlength="500" rows="3">{{ old('reason') }}</textarea>@endif
<label class="check"><input type="checkbox" name="confirmed" value="1" required> I confirm the clinician, facility, consultation type and time shown above.</label>
<p class="muted">Your appointment is confirmed when saved. Availability is checked again when you submit.</p>
<button>{{ $appointment?'Confirm new time':'Confirm booking' }}</button>
</form>
@else<p>No available times remain in this session for you. Choose another session or contact the clinic.</p>@endif
</div>
@endif
</div>
@endif
@endsection