@extends('layouts.admin')

@section('page_kicker', 'Overview')
@section('page_title', 'Doctor dashboard')

@section('content')
    <div id="doctor-personal-summary" class="scroll-mt-24 mb-6 grid gap-3 sm:grid-cols-2 lg:grid-cols-4">
        <div class="rounded-2xl border border-slate-200/80 bg-white p-4 shadow-sm">
            <p class="text-xs font-medium text-slate-500">Total assigned</p>
            <p class="mt-1 text-2xl font-bold text-slate-900">{{ $stats['assigned_patients'] }}</p>
        </div>
        <div class="rounded-2xl border border-amber-200/80 bg-amber-50/50 p-4 shadow-sm">
            <p class="text-xs font-medium text-amber-900/80">Waiting</p>
            <p class="mt-1 text-2xl font-bold text-amber-900">{{ $stats['waiting'] }}</p>
        </div>
        <div class="rounded-2xl border border-sky-200/80 bg-sky-50/50 p-4 shadow-sm">
            <p class="text-xs font-medium text-sky-900/80">In consultation</p>
            <p class="mt-1 text-2xl font-bold text-sky-900">{{ $stats['in_consultation'] }}</p>
        </div>
        <div class="rounded-2xl border border-emerald-200/80 bg-emerald-50/50 p-4 shadow-sm">
            <p class="text-xs font-medium text-emerald-900/80">Completed</p>
            <p class="mt-1 text-2xl font-bold text-emerald-900">{{ $stats['completed'] }}</p>
        </div>
        <div class="rounded-2xl border border-red-300/90 bg-red-50 p-4 shadow-sm sm:col-span-2 lg:col-span-2">
            <p class="text-xs font-bold uppercase tracking-wide text-red-800">Emergency on caseload</p>
            <p class="mt-1 text-2xl font-bold text-red-700">{{ $stats['emergency_alerts'] }}</p>
            <p class="mt-1 text-xs text-red-900/75">Triage-tagged emergency assigned to you (approval + audit rules apply in the visit record).</p>
        </div>
        <div class="rounded-2xl border border-slate-200/80 bg-white p-4 shadow-sm">
            <p class="text-xs font-medium text-slate-500">Upcoming appointments</p>
            <p class="mt-1 text-2xl font-bold text-emerald-700">{{ $stats['appointments'] }}</p>
        </div>
        <div class="rounded-2xl border border-slate-200/80 bg-white p-4 shadow-sm">
            <p class="text-xs font-medium text-slate-500">Progress notes written</p>
            <p class="mt-1 text-2xl font-bold text-indigo-700">{{ $stats['internal_notes'] }}</p>
        </div>
    </div>

    <div class="admin-content-card mb-6">
        <h3 class="admin-card-title">Your OP queue (emergency &gt; urgent &gt; routine, then FIFO)</h3>
        <p class="admin-card-desc">Patients appear here after registration payment is verified, triage, and assignment to you. Start consultation only when you are ready — billing is blocked until service payment is verified later in the workflow.</p>
        @if($visitQueue->isEmpty())
            <p class="mt-4 text-sm text-slate-500">No patients waiting in your queue.</p>
        @else
            <div class="admin-table-wrap mt-4">
                <table class="admin-table min-w-full text-sm">
                    <thead>
                        <tr>
                            <th>MRN</th>
                            <th>Patient</th>
                            <th>Priority</th>
                            <th>Queued</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($visitQueue as $v)
                            <tr @class(['bg-red-50' => $v->triage_priority === 'emergency'])>
                                <td class="font-mono">{{ $v->mrn }}</td>
                                <td>{{ $v->patient?->name }}</td>
                                <td class="capitalize">
                                    @if($v->triage_priority === 'emergency')
                                        <span class="font-semibold text-red-700">{{ $v->triage_priority }}</span>
                                    @else
                                        {{ $v->triage_priority ?? '—' }}
                                    @endif
                                </td>
                                <td>{{ $v->queued_at?->diffForHumans() ?? '—' }}</td>
                                <td><a href="{{ route('hospital.visits.show', $v) }}" class="admin-btn-secondary inline-flex text-xs py-1.5">Open visit</a></td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @endif
    </div>

    <div class="mt-6 grid gap-6 lg:grid-cols-2">
        <div class="rounded-2xl bg-white p-6 shadow-lg">
            <h3 class="font-semibold text-slate-900">Create Medical Note</h3>
            <form method="POST" action="{{ route('hospital.doctor.records.store') }}" class="mt-4 space-y-3">
                @csrf
                <input type="number" name="patient_profile_id" placeholder="Patient Profile ID" class="w-full rounded-xl border-slate-300" required>
                <textarea name="summary" rows="4" placeholder="Diagnosis and treatment summary" class="w-full rounded-xl border-slate-300" required></textarea>
                <button class="w-full rounded-xl bg-indigo-600 px-4 py-2 font-semibold text-white hover:bg-indigo-700">Save Medical Note</button>
            </form>
        </div>
        <div id="doctor-quick-rx" class="scroll-mt-24 rounded-2xl bg-white p-6 shadow-lg">
            <h3 class="font-semibold text-slate-900">Quick prescription (ad-hoc)</h3>
            <p class="mt-2 text-xs text-slate-600">For <strong>walk-in OP visits</strong>, prefer <a href="{{ route('hospital.doctor.workspace') }}" class="font-semibold text-teal-800 underline">workspace → open visit</a> so the order is tied to the encounter and EMR. This form still sends a valid pharmacy queue entry when you know the patient and medicine IDs.</p>
            <form method="POST" action="{{ route('hospital.doctor.prescriptions.store') }}" class="mt-4 grid gap-3 md:grid-cols-2">
                @csrf
                <input type="number" name="patient_id" placeholder="Patient User ID" class="rounded-xl border-slate-300" required>
                <input type="number" name="medicine_id" placeholder="Medicine ID" class="rounded-xl border-slate-300" required>
                <input type="text" name="dosage" placeholder="Dosage" class="rounded-xl border-slate-300" required>
                <input type="text" name="frequency" placeholder="Frequency" class="rounded-xl border-slate-300" required>
                <input type="number" name="duration_days" placeholder="Duration days" class="rounded-xl border-slate-300" required>
                <input type="number" name="quantity" placeholder="Quantity" class="rounded-xl border-slate-300" required>
                <textarea name="notes" rows="3" placeholder="Prescription note" class="rounded-xl border-slate-300 md:col-span-2"></textarea>
                <button class="rounded-xl bg-emerald-600 px-4 py-2 font-semibold text-white hover:bg-emerald-700 md:col-span-2">Send to Pharmacy</button>
            </form>
        </div>
    </div>
@endsection