@extends('layouts.app')

@section('title', 'Completed Dental Patients')

@section('content')

<div class="container-fluid">

    {{-- PAGE HEADER --}}
    <x-workflow.header
        title="Completed Dental Patients"
        subtitle="Review completed dental encounters by date range">

        <div class="workflow-actions">

            <a
                href="{{ route('admin.dental.queue') }}"
                class="workflow-btn workflow-btn-outline">

                Active Queue

            </a>

            <span class="workflow-badge workflow-badge-green">

                {{ $patients->count() }} Completed

            </span>

        </div>

    </x-workflow.header>

    {{-- FILTERS --}}
    <div class="card border-0 shadow-sm mb-4">

        <div class="card-body py-3">

            <form method="GET">

                <div class="row align-items-end g-3">

                    <div class="col-lg-3">

                        <label class="form-label small fw-semibold text-muted">
                            FROM DATE
                        </label>

                        <input
                            type="date"
                            name="from"
                            value="{{ request('from') }}"
                            class="form-control">

                    </div>

                    <div class="col-lg-3">

                        <label class="form-label small fw-semibold text-muted">
                            TO DATE
                        </label>

                        <input
                            type="date"
                            name="to"
                            value="{{ request('to') }}"
                            class="form-control">

                    </div>

                    <div class="col-lg-6">

                        <div class="d-flex flex-wrap gap-2">

                            <button
                                type="submit"
                                class="btn btn-primary">

                                Filter

                            </button>

                            <a
                                href="{{ route('admin.dental.completed') }}"
                                class="btn btn-outline-secondary">

                                Reset

                            </a>

                            <a
                                href="{{ route(
                                    'admin.dental.completed',
                                    [
                                        'from' => now()->toDateString(),
                                        'to' => now()->toDateString()
                                    ]
                                ) }}"
                                class="btn btn-outline-secondary">

                                Today

                            </a>

                            <a
                                href="{{ route(
                                    'admin.dental.completed',
                                    [
                                        'from' => now()->subDay()->toDateString(),
                                        'to' => now()->subDay()->toDateString()
                                    ]
                                ) }}"
                                class="btn btn-outline-secondary">

                                Yesterday

                            </a>

                            <a
                                href="{{ route(
                                    'admin.dental.completed',
                                    [
                                        'from' => now()->subDays(7)->toDateString(),
                                        'to' => now()->toDateString()
                                    ]
                                ) }}"
                                class="btn btn-outline-secondary">

                                Last 7 Days

                            </a>

                            <a
                                href="{{ route(
                                    'admin.dental.completed',
                                    [
                                        'from' => now()->startOfMonth()->toDateString(),
                                        'to' => now()->endOfMonth()->toDateString()
                                    ]
                                ) }}"
                                class="btn btn-outline-secondary">

                                This Month

                            </a>

                        </div>

                    </div>

                </div>

            </form>

        </div>

    </div>

    {{-- ALERTS --}}
    @if(session('success'))

        <div class="alert alert-success alert-dismissible fade show">

            {{ session('success') }}

            <button
                type="button"
                class="btn-close"
                data-bs-dismiss="alert">
            </button>

        </div>

    @endif

    {{-- EMPTY STATE --}}
    @if($patients->isEmpty())

        <div class="card border-0 shadow-sm">

            <div class="card-body text-center py-4">

                <div class="mb-3 fs-1">
                    📋
                </div>

                <h5 class="fw-bold mb-2">

                    No Completed Dental Patients

                </h5>

                <p class="text-muted mb-0">

                    No completed dental encounters found
                    for the selected period.

                </p>

            </div>

        </div>

    @else

        {{-- RESULTS COUNT --}}
        <div class="d-flex justify-content-between align-items-center mb-2">

            <div class="text-muted small">

                Showing
                <strong>{{ $patients->count() }}</strong>
                completed encounters

            </div>

        </div>

        {{-- RESULTS --}}
        <div class="card border-0 shadow-sm">

            <div class="card-body p-0">

                <div class="table-responsive">

                    <table class="table table-hover align-middle mb-0">

                        <thead class="table-light">

                            <tr>

                                <th class="ps-4">#</th>
                                <th>Patient</th>
                                <th>Visit</th>
                                <th>Diagnosis</th>
                                <th>Encounter Summary</th>
                                <th>Completed</th>
                                <th class="text-end pe-4">
                                    Actions
                                </th>

                            </tr>

                        </thead>

                        <tbody>

                            @foreach($patients as $index => $patient)

                                <tr>

                                    <td class="ps-4 fw-semibold">
                                        {{ $index + 1 }}
                                    </td>

                                    <td>

                                        <div class="fw-semibold">

                                            {{ $patient->first_name }}
                                            {{ $patient->last_name }}

                                        </div>

                                        <small class="text-muted">

                                            {{ $patient->patient_no }}
                                            •
                                            {{ $patient->gender }}

                                        </small>

                                    </td>

                                    <td>

                                        <div class="fw-semibold">

                                            {{ $patient->visit_no }}

                                        </div>

                                        <small class="text-muted">

                                            {{ ucfirst($patient->visit_type) }}

                                        </small>

                                    </td>

                                    <td>

                                        <div
                                            class="small text-muted"
                                            style="max-width:220px;">

                                            {{ $patient->provisional_diagnosis ?? 'N/A' }}

                                        </div>

                                    </td>

                                    <td>

                                        <div
                                            class="small text-muted"
                                            style="
                                                max-width:340px;
                                                white-space:pre-line;
                                                line-height:1.5;
                                            ">

                                            {{ $patient->summary ?? 'No summary available' }}

                                        </div>

                                    </td>

                                    <td>

                                        <div class="fw-semibold small">

                                            {{ \Carbon\Carbon::parse(
                                                $patient->completed_at
                                            )->format('d M Y') }}

                                        </div>

                                        <small class="text-muted">

                                            {{ \Carbon\Carbon::parse(
                                                $patient->completed_at
                                            )->format('H:i A') }}

                                        </small>

                                        <div>

                                            <small class="text-muted">

                                                {{ \Carbon\Carbon::parse(
                                                    $patient->completed_at
                                                )->diffForHumans() }}

                                            </small>

                                        </div>

                                    </td>

                                    <td class="text-end pe-4">

                                        <a
                                            href="{{ route(
                                                'admin.dental.show',
                                                $patient->encounter_id
                                            ) }}"
                                            class="btn btn-primary btn-sm">

                                            Review

                                        </a>

                                    </td>

                                </tr>

                            @endforeach

                        </tbody>

                    </table>

                </div>

            </div>

        </div>

    @endif

</div>

@endsection