@extends('layouts.admin')

@section('page_kicker', 'Clinical ops')
@section('page_title', 'Patient management')

@section('content')
    <div class="admin-content-card">
        <h3 class="admin-card-title">Search patients</h3>
        <p class="admin-card-desc">Filter by name, email, or phone.</p>
        <form method="GET" action="{{ route('hospital.patients.index') }}" class="mt-5 flex flex-col gap-3 sm:flex-row sm:items-end">
            <div class="min-w-0 flex-1">
                <label class="admin-form-label" for="q">Query</label>
                <input id="q" type="text" name="q" value="{{ request('q') }}" placeholder="Search by name, email, phone" class="admin-input">
            </div>
            <button type="submit" class="admin-btn-dark shrink-0">Search</button>
        </form>

        <div class="mt-8 space-y-4">
            @foreach($patients as $patient)
                @php($profile = $patient->patientProfiles->first())
                <div class="rounded-xl border border-slate-100 bg-slate-50/90 p-4 sm:p-5">
                    <div class="flex flex-wrap items-baseline justify-between gap-2">
                        <p class="font-semibold text-slate-900">{{ $patient->name }}</p>
                        <span class="rounded-full bg-white px-2.5 py-0.5 text-xs font-medium text-slate-600 ring-1 ring-slate-200/80">
                            {{ $patient->is_active ? 'Active' : 'Inactive' }}
                        </span>
                    </div>
                    <p class="mt-1 text-xs text-slate-500">{{ $patient->email }} · Phone: {{ $patient->phone ?? 'N/A' }}</p>
                    <p class="mt-1 text-xs text-slate-500">
                        Appointments: {{ \App\Models\HospitalAppointment::where('hospital_id', auth()->user()->hospital_id)->where('patient_id', $patient->id)->count() }}
                        · Prescriptions: {{ \App\Models\Prescription::where('hospital_id', auth()->user()->hospital_id)->where('patient_id', $patient->id)->count() }}
                    </p>
                    <form method="POST" action="{{ route('hospital.patients.update', $patient) }}" class="mt-4 grid gap-3 sm:grid-cols-2">
                        @csrf
                        @method('PATCH')
                        <div>
                            <label class="admin-form-label" for="name-{{ $patient->id }}">Name</label>
                            <input id="name-{{ $patient->id }}" type="text" name="name" value="{{ $patient->name }}" class="admin-input" required>
                        </div>
                        <div>
                            <label class="admin-form-label" for="email-{{ $patient->id }}">Email</label>
                            <input id="email-{{ $patient->id }}" type="email" name="email" value="{{ $patient->email }}" class="admin-input" required>
                        </div>
                        <div>
                            <label class="admin-form-label" for="phone-{{ $patient->id }}">Phone</label>
                            <input id="phone-{{ $patient->id }}" type="text" name="phone" value="{{ $patient->phone }}" class="admin-input">
                        </div>
                        <div>
                            <label class="admin-form-label" for="active-{{ $patient->id }}">Status</label>
                            <select id="active-{{ $patient->id }}" name="is_active" class="admin-input">
                                <option value="1" @selected($patient->is_active)>Active</option>
                                <option value="0" @selected(! $patient->is_active)>Inactive</option>
                            </select>
                        </div>
                        @if($profile)
                            <div class="flex items-center gap-2 sm:col-span-2">
                                <input id="vip-{{ $patient->id }}" type="checkbox" name="is_vip" value="1" class="h-4 w-4 rounded border-slate-300 text-violet-600" @checked($profile->is_vip) onchange="document.getElementById('restricted-{{ $patient->id }}').disabled = !this.checked">
                                <label for="vip-{{ $patient->id }}" class="text-sm font-medium text-slate-800">VIP patient (priority routing)</label>
                            </div>
                            <div class="flex items-center gap-2 sm:col-span-2">
                                <input id="restricted-{{ $patient->id }}" type="checkbox" name="chart_restricted" value="1" class="h-4 w-4 rounded border-slate-300 text-violet-600" @checked($profile->chart_restricted) @disabled(! $profile->is_vip)>
                                <label for="restricted-{{ $patient->id }}" class="text-sm font-medium text-slate-800">Restrict chart to assigned doctor only</label>
                            </div>
                            <p class="text-xs text-slate-500 sm:col-span-2">Restricted charts are hidden from department lists for other doctors; enable VIP first.</p>
                        @endif
                        <div class="sm:col-span-2">
                            <button type="submit" class="admin-btn-primary">Update patient</button>
                        </div>
                    </form>
                </div>
            @endforeach
        </div>
        <div class="mt-6 border-t border-slate-100 pt-4">{{ $patients->links() }}</div>
    </div>
@endsection