@extends('layouts.admin')
@section('title', 'Appointments')
@section('page', 'appointments')
@section('content')
@php
    $statusClass = fn($s) => match($s) {
        'confirmed','allocated' => 'confirmed',
        'in_consultation' => 'consulting',
        'completed' => 'completed',
        default => 'cancelled',
    };
@endphp
<div class="page-content appointments-page">
    <div class="page-head">
        <div>
            <div class="breadcrumbs">Appointments</div>
            <h1 class="page-title">Appointments</h1>
            <p class="page-subtitle">View and manage all clinic appointments in one place.</p>
        </div>
    </div>

    <div class="stats-grid four appointment-stats">
        <div class="stat-card"><div class="stat-icon stat-blue"><i class="bi bi-calendar2-week"></i></div><div><div class="stat-label">Total Appointments</div><div class="stat-number">{{ $stats['total'] }}</div><div class="stat-meta">All scheduled appointments</div></div></div>
        <div class="stat-card"><div class="stat-icon stat-green"><i class="bi bi-calendar2-check"></i></div><div><div class="stat-label">Confirmed</div><div class="stat-number">{{ $stats['confirmed'] }}</div><div class="stat-meta up">Ready for consultation</div></div></div>
        <div class="stat-card"><div class="stat-icon stat-amber"><i class="bi bi-hourglass-split"></i></div><div><div class="stat-label">In Consultation</div><div class="stat-number">{{ $stats['consulting'] }}</div><div class="stat-meta">Currently with doctor</div></div></div>
        <div class="stat-card"><div class="stat-icon stat-purple"><i class="bi bi-check2-circle"></i></div><div><div class="stat-label">Completed</div><div class="stat-number">{{ $stats['completed'] }}</div><div class="stat-meta">Completed visits</div></div></div>
    </div>

    <section class="card-admin appointment-filter-card">
        <form method="GET" class="appointment-filter-row">
            <div class="searchbar appointment-search"><i class="bi bi-search"></i><input name="search" value="{{ request('search') }}" placeholder="Search patient, appointment ID, procedure..."></div>
            <div class="appointment-filter"><label>Date</label><input type="date" name="date" value="{{ request('date') }}"></div>
            <div class="appointment-filter"><label>Doctor</label><select name="doctor_id" onchange="this.form.submit()">
                <option value="">All Doctors</option>
                @foreach($doctors as $doc)<option value="{{ $doc->id }}" @selected(request('doctor_id')==$doc->id)>{{ $doc->name }}</option>@endforeach
            </select></div>
            <div class="appointment-filter"><label>Status</label><select name="status" onchange="this.form.submit()">
                <option value="">All Status</option>
                @foreach($statuses as $st)<option value="{{ $st }}" @selected(request('status')===$st)>{{ strtoupper(str_replace('_',' ',$st)) }}</option>@endforeach
            </select></div>
            <button class="btn-filter-reset" type="submit"><i class="bi bi-arrow-counterclockwise"></i> Apply</button>
        </form>
    </section>

    <section class="content-section appointment-list-section">
        <div class="section-head">
            <div><h2>All Appointments</h2><p>Showing {{ $appointments->total() }} scheduled appointment(s)</p></div>
            <span class="appointment-count-badge">{{ $appointments->total() }} Appointments</span>
        </div>
        <div class="card-admin appointment-table-card">
            <div class="table-responsive">
                <table class="table admin-table appointment-table align-middle mb-0">
                    <thead><tr><th>Appointment</th><th>Patient</th><th>Doctor</th><th>Procedure</th><th>Date & Time</th><th>Status</th><th class="text-end">Action</th></tr></thead>
                    <tbody>
                    @forelse($appointments as $a)
                        <tr>
                            <td><span class="appointment-id">{{ $a->code }}</span></td>
                            <td><div class="appointment-patient"><span class="appointment-avatar">{{ strtoupper(\Illuminate\Support\Str::of($a->patient->full_name)->explode(' ')->map(fn($x)=>$x[0]??'')->join('')) }}</span><div><strong>{{ $a->patient->full_name }}</strong><small>{{ $a->patient->phone }}</small></div></div></td>
                            <td><span class="appointment-doctor">{{ $a->doctor?->name ?? 'Unassigned' }}</span></td>
                            <td><div class="appointment-procedure">{{ $a->diagnosis?->name ?? $a->reason ?? '—' }}</div></td>
                            <td><span class="appointment-date">{{ $a->appointment_date->format('Y-m-d') }}</span><span class="appointment-time">{{ $a->appointment_time ? \Illuminate\Support\Carbon::parse($a->appointment_time)->format('h:i A') : '' }}</span></td>
                            <td><span class="appointment-status {{ $statusClass($a->status) }}">{{ strtoupper(str_replace('_',' ',$a->status)) }}</span></td>
                            <td class="text-end">
                                <a class="appointment-view-btn" href="{{ route('admin.patients.show', $a->patient) }}"><i class="bi bi-eye me-1"></i>View</a>
                                @if($a->status === 'allocated')
                                    <form method="POST" action="{{ route('admin.appointments.confirm', $a) }}" class="d-inline">@csrf @method('PUT')<button class="appointment-view-btn" title="Confirm"><i class="bi bi-check2"></i></button></form>
                                @endif
                                @unless(in_array($a->status, ['cancelled','completed']))
                                    <form method="POST" action="{{ route('admin.appointments.cancel', $a) }}" class="d-inline" onsubmit="return confirm('Cancel this appointment?')">@csrf @method('PUT')<button class="appointment-view-btn" title="Cancel"><i class="bi bi-x-lg"></i></button></form>
                                @endunless
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="7"><div class="empty-state"><i class="bi bi-calendar-x"></i><h6>No appointments found</h6><p>Try changing your search or filters.</p></div></td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
            <div class="pagination-admin">
                <span>Showing {{ $appointments->firstItem() ?? 0 }}–{{ $appointments->lastItem() ?? 0 }} of {{ $appointments->total() }}</span>
                <div class="d-flex gap-1">
                    <a class="page-btn {{ $appointments->onFirstPage()?'disabled':'' }}" href="{{ $appointments->previousPageUrl() ?? '#' }}">‹</a>
                    @for($i=1;$i<=$appointments->lastPage();$i++)<a class="page-btn {{ $i==$appointments->currentPage()?'active':'' }}" href="{{ $appointments->url($i) }}">{{ $i }}</a>@endfor
                    <a class="page-btn {{ $appointments->hasMorePages()?'':'disabled' }}" href="{{ $appointments->nextPageUrl() ?? '#' }}">›</a>
                </div>
            </div>
        </div>
    </section>
</div>
@endsection