@extends('layouts.app')
@section('title', 'Create Appointment')

@section('content')
    <h1 class="h4 mb-3">Create Appointment</h1>
    <div class="card">
        <div class="card-body">
            <form method="POST" action="{{ route('admin.appointments.store') }}">
                @csrf
                <div class="row g-3">
                    <div class="col-md-6">
                        <label class="form-label">Patient</label>
                        <select name="patient_id" class="form-select" required>
                            <option value="">Select patient...</option>
                            @foreach ($patients as $p)
                                <option value="{{ $p->id }}">{{ $p->user->name ?? '-' }} ({{ $p->mrn }})</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Doctor</label>
                        <select name="doctor_id" class="form-select" required>
                            <option value="">Select doctor...</option>
                            @foreach ($doctors as $d)
                                <option value="{{ $d->id }}">{{ $d->user->name ?? '-' }} — {{ $d->department->name ?? '-' }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Scheduled at</label>
                        <input name="scheduled_at" type="datetime-local" class="form-control" required>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">Duration (min)</label>
                        <input name="duration_minutes" type="number" min="5" max="240" class="form-control">
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">Reason</label>
                        <input name="reason" class="form-control">
                    </div>
                    <div class="col-12">
                        <label class="form-label">Notes</label>
                        <textarea name="notes" class="form-control" rows="3"></textarea>
                    </div>
                </div>
                <div class="mt-3">
                    <button class="btn btn-primary" type="submit">Create</button>
                    <a class="btn btn-outline-secondary" href="{{ route('admin.appointments.index') }}">Cancel</a>
                </div>
            </form>
        </div>
    </div>
@endsection