@extends('layouts.app')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
    <h2>Advanced Appointment Search</h2>
    <a href="{{ route('appointments.create') }}" class="btn btn-primary">Book Appointment</a>
</div>

<form method="GET" class="card card-body shadow-sm mb-4">
    <div class="row g-2">
        <div class="col-md-4"><label class="form-label">Search</label><input name="q" value="{{ $filters['q'] ?? '' }}" class="form-control" placeholder="Appointment no, doctor, patient, code"></div>
        <div class="col-md-2"><label class="form-label">From</label><input type="date" name="from" value="{{ $filters['from'] ?? '' }}" class="form-control"></div>
        <div class="col-md-2"><label class="form-label">To</label><input type="date" name="to" value="{{ $filters['to'] ?? '' }}" class="form-control"></div>
        <div class="col-md-4"><label class="form-label">Doctor</label><select name="doctor_id" class="form-select"><option value="">All Doctors</option>@foreach($doctors as $doctor)<option value="{{ $doctor->id }}" @selected((string)($filters['doctor_id'] ?? '') === (string)$doctor->id)>{{ $doctor->user->name }}</option>@endforeach</select></div>
        <div class="col-md-4"><label class="form-label">Patient</label><select name="patient_id" class="form-select"><option value="">All Patients</option>@foreach($patients as $patient)<option value="{{ $patient->id }}" @selected((string)($filters['patient_id'] ?? '') === (string)$patient->id)>{{ $patient->user->name }}</option>@endforeach</select></div>
        <div class="col-md-4"><label class="form-label">Specialty</label><select name="specialty_id" class="form-select"><option value="">All Specialties</option>@foreach($specialties as $specialty)<option value="{{ $specialty->id }}" @selected((string)($filters['specialty_id'] ?? '') === (string)$specialty->id)>{{ $specialty->name }}</option>@endforeach</select></div>
        <div class="col-md-2"><label class="form-label">Status</label><select name="status" class="form-select"><option value="">All</option>@foreach(['confirmed','completed','cancelled'] as $status)<option value="{{ $status }}" @selected(($filters['status'] ?? '') === $status)>{{ ucfirst($status) }}</option>@endforeach</select></div>
        <div class="col-md-2"><label class="form-label">Type</label><select name="consultation_type" class="form-select"><option value="">All</option>@foreach(['online','offline'] as $type)<option value="{{ $type }}" @selected(($filters['consultation_type'] ?? '') === $type)>{{ ucfirst($type) }}</option>@endforeach</select></div>
        <div class="col-12 d-flex gap-2 mt-3"><button class="btn btn-primary">Search</button><a href="{{ route('appointment-search.index') }}" class="btn btn-outline-secondary">Reset</a></div>
    </div>
</form>

<div class="card shadow-sm">
    <div class="table-responsive">
        <table class="table table-hover mb-0">
            <thead><tr><th>Appointment</th><th>Date & Time</th><th>Doctor</th><th>Patient</th><th>Specialty</th><th>Type</th><th>Status</th></tr></thead>
            <tbody>
            @forelse($appointments as $appointment)
                <tr>
                    <td>{{ $appointment->appointment_number }}</td>
                    <td>{{ $appointment->appointment_date?->format('d M Y') }}<br><small>{{ $appointment->start_time }} - {{ $appointment->end_time }}</small></td>
                    <td>{{ $appointment->doctor?->user?->name }}</td>
                    <td>{{ $appointment->patient?->user?->name }}</td>
                    <td>{{ $appointment->doctor?->specialty?->name }}</td>
                    <td>{{ ucfirst($appointment->consultation_type) }}</td>
                    <td>{{ ucfirst($appointment->status) }}</td>
                </tr>
            @empty
                <tr><td colspan="7">No appointments found.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
    <div class="p-3">{{ $appointments->links() }}</div>
</div>
@endsection