@extends('layouts.master')

@section('title', 'Dashboard')

@section('content')

<div class="workflow-page">

    <div class="workflow-header">

        <div>

            <h1>

                Good Evening,
                {{ auth()->user()->first_name ?? 'User' }}

            </h1>

            <p>

                Enterprise Public Digital Field Utility

            </p>

        </div>

    </div>

    {{-- TODAY'S FOCUS --}}

    <div class="workflow-card">

        <div class="workflow-card-header">

            Today's Focus

        </div>

        <div class="workflow-card-body">

            <div class="dashboard-focus-strip">

                {{ implode(' • ', $todayFocus) }}

            </div>

        </div>

    </div>

    {{-- THIS MONTH + WORKFLOW STATUS --}}

    <div class="dashboard-grid mt-4">

        {{-- THIS MONTH --}}

        <div class="workflow-card">

            <div class="workflow-card-header">

                This Month

            </div>

            <div class="workflow-card-body">

                <div class="dashboard-workflow-row">

                    <span>

                        ✓ Camps Planned

                    </span>

                    <strong>

                        {{ number_format(
                            $operations['planned_camps']
                        ) }}

                    </strong>

                </div>

                <div class="dashboard-workflow-row">

                    <span>

                        ✓ Active Outreaches

                    </span>

                    <strong>

                        {{ number_format(
                            $operations['active_outreaches']
                        ) }}

                    </strong>

                </div>

                <div class="dashboard-workflow-row">

                    <span>

                        ✓ Districts Covered

                    </span>

                    <strong>

                        {{ number_format(
                            $operations['districts_covered']
                        ) }}

                    </strong>

                </div>

                <div class="dashboard-workflow-row">

                    <span>

                        ✓ Facilities Supported

                    </span>

                    <strong>

                        {{ number_format(
                            $operations['facilities_supported']
                        ) }}

                    </strong>

                </div>

            </div>

        </div>

        {{-- WORKFLOW STATUS --}}

        <div class="workflow-card">

            <div class="workflow-card-header">

                Workflow Status

            </div>

            <div class="workflow-card-body">

                <div class="dashboard-workflow-row">

                    <span>Triage</span>

                    <strong>

                        {{ number_format(
                            $stats['pending_triage']
                        ) }}

                    </strong>

                </div>

                <div class="dashboard-workflow-row">

                    <span>Consultation</span>

                    <strong>

                        {{ number_format(
                            $stats['pending_consultation']
                        ) }}

                    </strong>

                </div>

                <div class="dashboard-workflow-row">

                    <span>Laboratory</span>

                    <strong>

                        {{ number_format(
                            $stats['pending_lab']
                        ) }}

                    </strong>

                </div>

                <div class="dashboard-workflow-row">

                    <span>Pharmacy</span>

                    <strong>

                        {{ number_format(
                            $stats['pending_pharmacy']
                        ) }}

                    </strong>

                </div>

                <div class="dashboard-workflow-row">

                    <span>Dental</span>

                    <strong>

                        {{ number_format(
                            $stats['pending_dental']
                        ) }}

                    </strong>

                </div>

                <div class="dashboard-workflow-row">

                    <span>Immunization</span>

                    <strong>

                        {{ number_format(
                            $stats['pending_immunization']
                        ) }}

                    </strong>

                </div>

            </div>

        </div>

    </div>

    {{-- PROGRAM IMPACT --}}

    <div class="workflow-card mt-4">

        <div class="workflow-card-header">

            Program Impact

        </div>

        <div class="workflow-card-body">

            <div class="dashboard-impact-row">

                <div class="dashboard-impact-label">

                    👥 Patients Reached

                </div>

                <div class="dashboard-impact-bar">

                    <div
                        class="dashboard-impact-fill"
                        style="
                            width:
                            {{
                                round(
                                    (
                                        $impact['patients_reached']
                                        / $maxImpact
                                    ) * 100
                                )
                            }}%;
                        ">
                    </div>

                </div>

                <div class="dashboard-impact-value">

                    {{ number_format(
                        $impact['patients_reached']
                    ) }}

                </div>

            </div>

            <div class="dashboard-impact-row">

                <div class="dashboard-impact-label">

                    🩺 Patient Visits

                </div>

                <div class="dashboard-impact-bar">

                    <div
                        class="dashboard-impact-fill"
                        style="
                            width:
                            {{
                                round(
                                    (
                                        $impact['patient_visits']
                                        / $maxImpact
                                    ) * 100
                                )
                            }}%;
                        ">
                    </div>

                </div>

                <div class="dashboard-impact-value">

                    {{ number_format(
                        $impact['patient_visits']
                    ) }}

                </div>

            </div>

            <div class="dashboard-impact-row">

                <div class="dashboard-impact-label">

                    💉 Vaccinations Given

                </div>

                <div class="dashboard-impact-bar">

                    <div
                        class="dashboard-impact-fill"
                        style="
                            width:
                            {{
                                round(
                                    (
                                        $impact['vaccinations_given']
                                        / $maxImpact
                                    ) * 100
                                )
                            }}%;
                        ">
                    </div>

                </div>

                <div class="dashboard-impact-value">

                    {{ number_format(
                        $impact['vaccinations_given']
                    ) }}

                </div>

            </div>

            <div class="dashboard-impact-row">

                <div class="dashboard-impact-label">

                    🤰 ANC Visits

                </div>

                <div class="dashboard-impact-bar">

                    <div
                        class="dashboard-impact-fill"
                        style="
                            width:
                            {{
                                round(
                                    (
                                        $impact['anc_visits']
                                        / $maxImpact
                                    ) * 100
                                )
                            }}%;
                        ">
                    </div>

                </div>

                <div class="dashboard-impact-value">

                    {{ number_format(
                        $impact['anc_visits']
                    ) }}

                </div>

            </div>

            <div class="dashboard-impact-row">

                <div class="dashboard-impact-label">

                    🏕 Camps Held

                </div>

                <div class="dashboard-impact-bar">

                    <div
                        class="dashboard-impact-fill"
                        style="
                            width:
                            {{
                                round(
                                    (
                                        $impact['camps_held']
                                        / $maxImpact
                                    ) * 100
                                )
                            }}%;
                        ">
                    </div>

                </div>

                <div class="dashboard-impact-value">

                    {{ number_format(
                        $impact['camps_held']
                    ) }}

                </div>

            </div>

            <div class="dashboard-impact-row">

                <div class="dashboard-impact-label">

                    🤝 Volunteers Participating

                </div>

                <div class="dashboard-impact-bar">

                    <div
                        class="dashboard-impact-fill"
                        style="
                            width:
                            {{
                                round(
                                    (
                                        $impact['volunteers_participating']
                                        / $maxImpact
                                    ) * 100
                                )
                            }}%;
                        ">
                    </div>

                </div>

                <div class="dashboard-impact-value">

                    {{ number_format(
                        $impact['volunteers_participating']
                    ) }}

                </div>

            </div>

        </div>

    </div>

</div>

@endsection