@extends('layouts.app')
@section('title', 'Edit Appointment')
@section('content')
<div class="max-w-3xl mx-auto">
    <form method="POST" action="{{ route('appointments.update', $appointment) }}">
        @csrf @method('PUT')
        <div class="bg-white rounded-xl border border-gray-200 p-6">
            <div class="bg-cr-50 rounded-lg px-4 py-3 mb-5 text-sm">
                <strong>{{ $appointment->patient->full_name ?? '' }}</strong> · {{ $appointment->patient->mrn ?? '' }}
            </div>
            <div class="grid grid-cols-1 md:grid-cols-2 gap-5">
                <div><label class="form-label">Department *</label>
                    {{-- excludeDirect=true: Lab and Radiology open direct
                         encounters, not appointments, so editing an
                         appointment to point at them is not a valid
                         routing. --}}
                    <select name="department_id" required class="form-input">@include('partials._department-options', ['selected' => $appointment->department_id, 'excludeDirect' => true])</select>
                </div>
                <div><label class="form-label">Clinician</label>
                    <select name="clinician_id" class="form-input"><option value="">Any available</option>@include('partials._clinician-options', ['selected' => $appointment->clinician_id])</select>
                </div>
                <div><label class="form-label">Date *</label><input type="date" name="appointment_date" value="{{ $appointment->appointment_date->format('Y-m-d') }}" required class="form-input"></div>
                <div><label class="form-label">Time</label><input type="time" name="appointment_time" value="{{ $appointment->appointment_time }}" class="form-input"></div>
                <div><label class="form-label">Type *</label>
                    <select name="type" required class="form-input">
                        @foreach(['consultation','revisit','procedure','lab','imaging'] as $t)
                            <option value="{{ $t }}" {{ $appointment->type===$t?'selected':'' }}>{{ ucfirst($t) }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="md:col-span-2"><label class="form-label">Reason</label><textarea name="reason" class="form-input" rows="2">{{ $appointment->reason }}</textarea></div>
            </div>
            <div class="mt-6 flex gap-3 border-t pt-5">
                <button type="submit" class="btn-success">Update Appointment</button>
                <a href="{{ route('appointments.index') }}" class="btn-secondary">Cancel</a>
            </div>
        </div>
    </form>
</div>
@endsection