@extends('admin.layouts.app')

@section('title','Add Appointment')

@section('header')
Add Appointment
@endsection

@section('content')

<form method="POST" action="{{ route('admin.appointments.store') }}">
@csrf

<div class="card shadow-sm mb-4">

    <div class="card-header">
        <h5 class="mb-0">Appointment Information</h5>
    </div>

    <div class="card-body">

        <div class="row">

            <div class="col-md-6 mb-3">
                <label>Patient</label>

                <select name="patient_id" class="form-control" required>
                    <option value="">Select Patient</option>

                    @foreach($patients as $patient)
                        <option value="{{ $patient->id }}"
                            @selected(old('patient_id') == $patient->id)>
                            {{ $patient->full_name }}
                        </option>
                    @endforeach

                </select>
            </div>

            <div class="col-md-6 mb-3">
                <label>Doctor</label>

                <select name="doctor_id" class="form-control" required>
                    <option value="">Select Doctor</option>

                    @foreach($doctors as $doctor)
                        <option value="{{ $doctor->id }}"
                            @selected(old('doctor_id') == $doctor->id)>
                            {{ $doctor->full_name }}
                        </option>
                    @endforeach

                </select>
            </div>

            <div class="col-md-4 mb-3">
                <label>Appointment Date</label>

                <input
                    type="date"
                    name="appointment_date"
                    class="form-control"
                    value="{{ old('appointment_date') }}"
                    required>
            </div>

            <div class="col-md-4 mb-3">
                <label>Appointment Time</label>

                <input
                    type="time"
                    name="appointment_time"
                    class="form-control"
                    value="{{ old('appointment_time') }}"
                    required>
            </div>

            <div class="col-md-4 mb-3">
                <label>Status</label>

                <select name="status" class="form-control" required>
                    <option value="Scheduled">Scheduled</option>
                    <option value="Checked In">Checked In</option>
                    <option value="Completed">Completed</option>
                    <option value="Cancelled">Cancelled</option>
                    <option value="No Show">No Show</option>
                </select>
            </div>

            <div class="col-md-12 mb-3">
                <label>Reason</label>

                <textarea
                    name="reason"
                    class="form-control"
                    rows="3">{{ old('reason') }}</textarea>
            </div>

            <div class="col-md-12 mb-3">
                <label>Notes</label>

                <textarea
                    name="notes"
                    class="form-control"
                    rows="4">{{ old('notes') }}</textarea>
            </div>

        </div>

    </div>

</div>

<button class="btn btn-primary">
    Save Appointment
</button>

<a href="{{ route('admin.appointments.index') }}"
   class="btn btn-secondary">
    Cancel
</a>

</form>

@endsection