@extends('admin.layouts.app')

@section('title', 'Appointments')

@section('header')
Appointments
@endsection

@section('content')

<div class="card shadow-sm">

    <div class="card-body">

        <div class="d-flex justify-content-between align-items-center mb-3">

            <h4 class="mb-0">Appointments List</h4>

            <a href="{{ route('admin.appointments.create') }}" class="btn btn-primary">
                Add Appointment
            </a>

        </div>

        <table class="table table-bordered table-hover">

            <thead>
                <tr>
                    <th>No.</th>
                    <th>Patient</th>
                    <th>Doctor</th>
                    <th>Date</th>
                    <th>Time</th>
                    <th>Status</th>
                    <th width="250">Actions</th>
                </tr>
            </thead>

            <tbody>

            @forelse($appointments as $appointment)

                <tr>

                    <td>{{ $appointment->appointment_number }}</td>
                    <td>{{ $appointment->patient?->full_name }}</td>
                    <td>{{ $appointment->doctor?->full_name }}</td>
                    <td>{{ optional($appointment->appointment_date)->format('Y-m-d') }}</td>
                    <td>{{ $appointment->appointment_time }}</td>
                    <td>{{ $appointment->status }}</td>

                    <td>

                        <a href="{{ route('admin.appointments.show', $appointment) }}"
                           class="btn btn-sm btn-info">
                            View
                        </a>

                        <a href="{{ route('admin.appointments.edit', $appointment) }}"
                           class="btn btn-sm btn-warning">
                            Edit
                        </a>

                        <form
                            action="{{ route('admin.appointments.destroy', $appointment) }}"
                            method="POST"
                            class="d-inline"
                            onsubmit="return confirm('Delete this appointment?');"
                        >
                            @csrf
                            @method('DELETE')

                            <button type="submit" class="btn btn-sm btn-danger">
                                Delete
                            </button>

                        </form>

                    </td>

                </tr>

            @empty

                <tr>
                    <td colspan="7" class="text-center">
                        No appointments found.
                    </td>
                </tr>

            @endforelse

            </tbody>

        </table>

        {{ $appointments->links() }}

    </div>

</div>

@endsection