@extends('layouts.admin')

@section('page_kicker', 'Operations')
@section('page_title', 'Hospital admin dashboard')

@section('content')
    <div class="grid gap-4 sm:grid-cols-2 xl:grid-cols-5">
        <div class="admin-stat-card">
            <p class="text-xs font-semibold uppercase tracking-wide text-slate-500">Hospital doctors</p>
            <p class="mt-2 text-3xl font-bold tracking-tight text-teal-700">{{ $stats['doctors'] }}</p>
        </div>
        <div class="admin-stat-card">
            <p class="text-xs font-semibold uppercase tracking-wide text-slate-500">Pharmacists</p>
            <p class="mt-2 text-3xl font-bold tracking-tight text-cyan-700">{{ $stats['pharmacists'] }}</p>
        </div>
        <div class="admin-stat-card">
            <p class="text-xs font-semibold uppercase tracking-wide text-slate-500">Patients</p>
            <p class="mt-2 text-3xl font-bold tracking-tight text-sky-800">{{ $stats['patients'] }}</p>
        </div>
        <div class="admin-stat-card">
            <p class="text-xs font-semibold uppercase tracking-wide text-slate-500">Appointments</p>
            <p class="mt-2 text-3xl font-bold tracking-tight text-slate-900">{{ $stats['appointments'] }}</p>
        </div>
        <div class="admin-stat-card sm:col-span-2 xl:col-span-1">
            <p class="text-xs font-semibold uppercase tracking-wide text-slate-500">Reports</p>
            <p class="mt-2 text-3xl font-bold tracking-tight text-indigo-700">{{ $stats['reports'] }}</p>
        </div>
    </div>

    <div class="mt-8 grid gap-6 lg:grid-cols-2">
        <div class="admin-content-card">
            <h3 class="admin-card-title">Create hospital doctor</h3>
            <p class="admin-card-desc">Onboard a clinician to this facility.</p>
            <form method="POST" action="{{ route('hospital.doctors.store') }}" class="mt-5 grid gap-4 md:grid-cols-2">
                @csrf
                <input type="text" name="name" placeholder="Doctor name" class="admin-input" required>
                <input type="email" name="email" placeholder="Doctor email" class="admin-input" required>
                <input type="text" name="specialization" placeholder="Specialization" class="admin-input md:col-span-2" required>
                @isset($departments)
                    @if($departments->isNotEmpty())
                        <div class="md:col-span-2">
                            <p class="text-xs font-semibold text-slate-600">Departments (auto-assignment)</p>
                            <div class="mt-2 flex flex-wrap gap-2 text-xs">
                                @foreach($departments as $dept)
                                    <label class="inline-flex items-center gap-2 rounded-lg border border-slate-200 bg-slate-50 px-2 py-1.5">
                                        <input type="checkbox" name="department_ids[]" value="{{ $dept->id }}">
                                        <span>{{ $dept->name }}</span>
                                    </label>
                                @endforeach
                            </div>
                        </div>
                    @endif
                @endisset
                <input type="password" name="password" placeholder="Password" class="admin-input" required>
                <input type="password" name="password_confirmation" placeholder="Confirm password" class="admin-input" required>
                <div class="md:col-span-2">
                    <button type="submit" class="admin-btn-primary w-full md:w-auto">Create hospital doctor</button>
                </div>
            </form>
        </div>

        <div class="admin-content-card">
            <h3 class="admin-card-title">Create staff</h3>
            <p class="admin-card-desc">Pharmacist, nurse, or receptionist accounts.</p>
            <form method="POST" action="{{ route('hospital.staff.store') }}" class="mt-5 grid gap-4 md:grid-cols-2">
                @csrf
                <input type="text" name="name" placeholder="Name" class="admin-input" required>
                <input type="email" name="email" placeholder="Email" class="admin-input" required>
                <select name="role" class="admin-input md:col-span-2" required>
                    @foreach(\App\Support\RbacConfig::hospitalPortalStaffRoles() as $role)
                        @continue($role === 'doctor')
                        <option value="{{ $role }}">{{ str_replace('_', ' ', ucfirst($role)) }}</option>
                    @endforeach
                </select>
                <input type="password" name="password" placeholder="Password" class="admin-input" required>
                <input type="password" name="password_confirmation" placeholder="Confirm password" class="admin-input" required>
                <div class="md:col-span-2">
                    <button type="submit" class="admin-btn-primary w-full md:w-auto">Create staff</button>
                </div>
            </form>
        </div>
    </div>

    <div class="mt-8 grid gap-6 lg:grid-cols-2">
        <div class="admin-content-card">
            <h3 class="admin-card-title">Register patient</h3>
            <p class="admin-card-desc">Create a portal login for walk-in or referral.</p>
            <form method="POST" action="{{ route('hospital.patients.store') }}" class="mt-5 grid gap-4 md:grid-cols-2">
                @csrf
                <input type="text" name="name" placeholder="Patient name" class="admin-input" required>
                <input type="email" name="email" placeholder="Patient email" class="admin-input" required>
                <input type="text" name="phone" placeholder="Phone" class="admin-input md:col-span-2" required>
                <input type="password" name="password" placeholder="Password" class="admin-input" required>
                <input type="password" name="password_confirmation" placeholder="Confirm password" class="admin-input" required>
                <div class="md:col-span-2">
                    <button type="submit" class="admin-btn-primary w-full md:w-auto">Register patient</button>
                </div>
            </form>
        </div>

        <div class="admin-content-card">
            <h3 class="admin-card-title">Add medicine inventory</h3>
            <p class="admin-card-desc">Stock a SKU for pharmacy dispensing.</p>
            <form method="POST" action="{{ route('hospital.medicines.store') }}" class="mt-5 grid gap-4 md:grid-cols-2">
                @csrf
                <input type="text" name="name" placeholder="Medicine name" class="admin-input md:col-span-2" required>
                <input type="text" name="sku" placeholder="SKU" class="admin-input">
                <input type="number" name="stock_qty" placeholder="Stock qty" class="admin-input" required>
                <input type="number" step="0.01" name="unit_price" placeholder="Unit price" class="admin-input md:col-span-2" required>
                <div class="md:col-span-2">
                    <button type="submit" class="admin-btn-primary w-full md:w-auto">Add medicine</button>
                </div>
            </form>
        </div>
    </div>

    <div class="mt-8 grid gap-6 lg:grid-cols-2">
        <div class="admin-content-card">
            <h3 class="admin-card-title">Schedule appointment</h3>
            <p class="admin-card-desc">Link patient and doctor with a visit type.</p>
            <form method="POST" action="{{ route('hospital.appointments.store') }}" class="mt-5 grid gap-4 md:grid-cols-2">
                @csrf
                <input type="number" name="patient_id" placeholder="Patient user ID" class="admin-input" required>
                <input type="number" name="doctor_id" placeholder="Doctor user ID" class="admin-input" required>
                <input type="datetime-local" name="scheduled_at" class="admin-input md:col-span-2" required>
                <select name="visit_type" class="admin-input md:col-span-2">
                    @foreach(['outpatient', 'inpatient', 'followup'] as $visitType)
                        <option value="{{ $visitType }}">{{ ucfirst($visitType) }}</option>
                    @endforeach
                </select>
                <div class="md:col-span-2">
                    <button type="submit" class="admin-btn-primary w-full md:w-auto">Create appointment</button>
                </div>
            </form>
        </div>

        <div class="admin-content-card">
            <h3 class="admin-card-title">Hospital doctors</h3>
            <p class="admin-card-desc">Active roster snapshot.</p>
            <ul class="mt-5 space-y-2 text-sm text-slate-600">
                @foreach($doctors as $doctor)
                    <li class="admin-list-row justify-start">{{ $doctor->user->name ?? 'N/A' }} · {{ $doctor->specialization ?? 'General' }}</li>
                @endforeach
            </ul>
        </div>
    </div>

    <div class="mt-8 grid gap-6 lg:grid-cols-2">
        <div class="admin-content-card">
            <h3 class="admin-card-title">Recent patients</h3>
            <p class="admin-card-desc">Latest registrations.</p>
            <ul class="mt-5 space-y-2 text-sm text-slate-600">
                @foreach($patients as $patient)
                    <li class="admin-list-row justify-start">{{ $patient->name }} · {{ $patient->email }}</li>
                @endforeach
            </ul>
        </div>

        <div class="admin-content-card">
            <h3 class="admin-card-title">Recent prescriptions</h3>
            <p class="admin-card-desc">Latest orders by ID.</p>
            <ul class="mt-5 space-y-2 text-sm text-slate-600">
                @foreach($prescriptions as $prescription)
                    <li class="rounded-xl border border-slate-100 bg-slate-50/90 px-4 py-2.5">
                        #{{ $prescription->id }} · patient {{ $prescription->patient_id }} · {{ $prescription->status }}
                    </li>
                @endforeach
            </ul>
        </div>
    </div>

    <div class="admin-content-card mt-8">
        <h3 class="admin-card-title">Recent appointments</h3>
        <p class="admin-card-desc">Upcoming and in-progress visits.</p>
        <div class="admin-table-wrap mt-5">
            <table class="admin-table min-w-full">
                <thead>
                    <tr>
                        <th>Patient</th>
                        <th>Doctor</th>
                        <th>Scheduled at</th>
                        <th>Type</th>
                        <th>Status</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($appointments as $appointment)
                        <tr>
                            <td>{{ $appointment->patient_id }}</td>
                            <td>{{ $appointment->doctor_id ?? '—' }}</td>
                            <td>{{ $appointment->scheduled_at }}</td>
                            <td>{{ $appointment->visit_type }}</td>
                            <td>{{ $appointment->status }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endsection