@extends('layouts.admin')

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

@section('content')

    <div class="card mb-4">
        <div class="card-body">
            <div class="row align-items-center">
                <div class="col-md-6 mb-2 mb-md-0">
                    <h5 class="mb-0">Appointment #{{ $appointment->id }}</h5>
                </div>
                <div class="col-md-6 text-end">
                    <a href="{{ route('admin.appointments.index') }}" class="btn btn-primary">Back</a>
                </div>
            </div>
        </div>
    </div>

    <div class="card mb-4">
        <div class="card-body">
            <div class="row">
                <div class="col-md-12">
                    <p><strong>Scheduled:</strong> {{ $appointment->scheduled_at?->format('Y-m-d H:i') }}</p>
                    <p><strong>Status:</strong> {{ $appointment->status }}</p>

                    <p><strong>Doctor:</strong> {{ $appointment->doctor?->name }} ({{ $appointment->doctor?->email }})</p>
                    <p><strong>Patient:</strong> {{ $appointment->patient?->name }} ({{ $appointment->patient?->email }})</p>

                    <p><strong>Reason:</strong> {{ $appointment->reason ?? '-' }}</p>
                    <p><strong>Doctor Notes:</strong> {{ $appointment->doctor_notes ?? '-' }}</p>

                    <form method="POST" action="{{ route('admin.appointments.status', $appointment->id) }}" style="margin-top:10px;">
                        @csrf
                        <label><strong>Update Status</strong></label>
                        <div style="display:flex; gap:8px; align-items:center; margin-top:6px;">
                            <select name="status" class="form-control-sm">
                                @foreach (['pending','accepted','rejected','completed','cancelled'] as $s)
                                    <option value="{{ $s }}" {{ $appointment->status === $s ? 'selected' : '' }}>
                                        {{ ucfirst($s) }}
                                    </option>
                                @endforeach
                            </select>
                            <button type="submit" class="btn btn-outline-primary btn-sm">Update</button>
                        </div>
                    </form>


                    @if (!in_array($appointment->status, ['cancelled','completed'], true))
                        <form method="POST" action="{{ route('admin.appointments.cancel', $appointment->id) }}" style="margin-top:10px;">
                            @csrf
                            <button type="submit" class="btn btn-outline-danger btn-sm">Cancel Appointment</button>
                        </form>
                    @endif

                </div>
            </div>
        </div>
    </div>


@endsection