@extends('layouts.app')

@section('content')

<div style="max-width:1400px;margin:auto;">

    <!-- =========================================================
    | HEADER
    ========================================================== -->

    <div style="
        margin-bottom:30px;
    ">

        <h1 style="
            margin:0 0 8px 0;
            font-size:32px;
            font-weight:700;
        ">

            Patient Operations

        </h1>

        <div style="
            color:#666;
            font-size:15px;
        ">

            Unified patient workflow dashboard

        </div>

    </div>

        <!-- =========================================================
        | WORKFLOW MODULES
        ========================================================= -->

        <div style="
            display:grid;
            grid-template-columns:
                repeat(auto-fit,minmax(220px,1fr));
            gap:24px;
            margin-bottom:40px;
        ">

            @include(
                'admin.patients.partials.workflow-card',
                [
                    'route' => route('admin.patients.index'),
                    'emoji' => '🧾',
                    'count' => $registrationCount ?? 0,
                    'title' => 'Registration',
                    'subtitle' => 'Patient intake',
                    'bg' => '#dbeafe',
                    'color' => '#1d4ed8',
                ]
            )

            @include(
                'admin.patients.partials.workflow-card',
                [
                    'route' => route('admin.triage.queue'),
                    'emoji' => '🩺',
                    'count' => $triageCount ?? 0,
                    'title' => 'Triage',
                    'subtitle' => 'Vitals & screening',
                    'bg' => '#fef3c7',
                    'color' => '#b45309',
                ]
            )

            @include(
                'admin.patients.partials.workflow-card',
                [
                    'route' => route('admin.consultations.queue'),
                    'emoji' => '👨‍⚕️',
                    'count' => $consultationCount ?? 0,
                    'title' => 'Consultation',
                    'subtitle' => 'Clinical review',
                    'bg' => '#ede9fe',
                    'color' => '#6d28d9',
                ]
            )

            @include(
                'admin.patients.partials.workflow-card',
                [
                    'route' => route('admin.lab-review.queue'),
                    'emoji' => '🧪',
                    'count' => $labCount ?? 0,
                    'title' => 'Laboratory',
                    'subtitle' => 'Lab requests',
                    'bg' => '#dcfce7',
                    'color' => '#15803d',
                ]
            )

            @include(
                'admin.patients.partials.workflow-card',
                [
                    'route' => route('admin.pharmacy.queue'),
                    'emoji' => '💊',
                    'count' => $pharmacyCount ?? 0,
                    'title' => 'Pharmacy',
                    'subtitle' => 'Dispensing queue',
                    'bg' => '#fee2e2',
                    'color' => '#dc2626',
                ]
            )

            @include(
                'admin.patients.partials.workflow-card',
                [
                    'route' => route('admin.dental.queue'),
                    'emoji' => '🦷',
                    'count' => $dentalCount ?? 0,
                    'title' => 'Dental',
                    'subtitle' => 'Dental services',
                    'bg' => '#fce7f3',
                    'color' => '#be185d',
                ]
            )

            @include(
                'admin.patients.partials.workflow-card',
                [
                    'route' => route('admin.optical.queue'),
                    'emoji' => '👓',
                    'count' => $opticalCount ?? 0,
                    'title' => 'Optical',
                    'subtitle' => 'Eye clinic',
                    'bg' => '#e0f2fe',
                    'color' => '#0369a1',
                ]
            )

            @include(
                'admin.patients.partials.workflow-card',
                [
                    'route' => route('admin.counseling.queue'),
                    'emoji' => '🧠',
                    'count' => $counselingCount ?? 0,
                    'title' => 'Counseling',
                    'subtitle' => 'Mental support',
                    'bg' => '#ede9fe',
                    'color' => '#7c3aed',
                ]
            )

            @include(
                'admin.patients.partials.workflow-card',
                [
                    'route' => route('admin.anc.queue'),
                    'emoji' => '🤰',
                    'count' => $ancCount ?? 0,
                    'title' => 'ANC',
                    'subtitle' => 'Maternal care',
                    'bg' => '#fae8ff',
                    'color' => '#a21caf',
                ]
            )

            @include(
                'admin.patients.partials.workflow-card',
                [
                    'route' => route('admin.immunization.queue'),
                    'emoji' => '💉',
                    'count' => $immunizationCount ?? 0,
                    'title' => 'Immunization',
                    'subtitle' => 'Vaccination services',
                    'bg' => '#ecfccb',
                    'color' => '#4d7c0f',
                ]
            )

            @include(
                'admin.patients.partials.workflow-card',
                [
                    'route' => route('admin.nutrition.queue'),
                    'emoji' => '🥗',
                    'count' => $nutritionCount ?? 0,
                    'title' => 'Nutrition',
                    'subtitle' => 'Nutrition support',
                    'bg' => '#fef9c3',
                    'color' => '#a16207',
                ]
            )

            @include(
                'admin.patients.partials.workflow-card',
                [
                    'route' => route('admin.financial.queue'),
                    'emoji' => '💰',
                    'count' => $financialCount ?? 0,
                    'title' => 'Financial Literacy',
                    'subtitle' => 'Community empowerment',
                    'bg' => '#dcfce7',
                    'color' => '#166534',
                ]
            )

        </div>

    <!-- =========================================================
    | TODAY SUMMARY
    ========================================================== -->

    <div class="panel">

        <div style="
            display:flex;
            justify-content:space-between;
            align-items:center;
            margin-bottom:20px;
            flex-wrap:wrap;
            gap:12px;
        ">

            <h2 style="
                margin:0;
                font-size:22px;
            ">

                Today Overview

            </h2>

            <div style="
                color:#666;
                font-size:14px;
            ">

                Operational summary

            </div>

        </div>

        <div style="
            display:grid;
            grid-template-columns:
                repeat(auto-fit,minmax(220px,1fr));
            gap:18px;
        ">

            <div style="
                background:#f8fafc;
                border-radius:12px;
                padding:20px;
            ">

                <div style="
                    color:#666;
                    font-size:13px;
                    margin-bottom:8px;
                ">

                    Patients Seen Today

                </div>

                <div style="
                    font-size:32px;
                    font-weight:700;
                ">

                    {{ $patientsToday }}

                </div>

            </div>

            <div style="
                background:#f8fafc;
                border-radius:12px;
                padding:20px;
            ">

                <div style="
                    color:#666;
                    font-size:13px;
                    margin-bottom:8px;
                ">

                    Active Encounters

                </div>

                <div style="
                    font-size:32px;
                    font-weight:700;
                ">

                    {{ $activeEncounters }}

                </div>

            </div>

            <div style="
                background:#f8fafc;
                border-radius:12px;
                padding:20px;
            ">

                <div style="
                    color:#666;
                    font-size:13px;
                    margin-bottom:8px;
                ">

                    Pending Labs

                </div>

                <div style="
                    font-size:32px;
                    font-weight:700;
                ">

                    {{ $pendingLabs }}

                </div>

            </div>

        </div>

    </div>

</div>

@endsection