{{-- resources/views/admin/lab_review/queue.blade.php --}}

@extends('layouts.app')

@section('content')

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

    <!-- HEADER -->
    <div style="
        display:flex;
        justify-content:space-between;
        align-items:flex-start;
        gap:20px;
        margin-bottom:25px;
        flex-wrap:wrap;
    ">

        <div>

            <h1 style="
                font-size:30px;
                font-weight:700;
                margin-bottom:5px;
            ">

                Doctor Lab Review Queue

            </h1>

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

                Completed laboratory results awaiting clinical review

            </div>

        </div>

        <div style="
            background:#eff6ff;
            padding:14px 18px;
            border-radius:10px;
            color:#1e3a8a;
            font-weight:600;
            font-size:14px;
        ">

            Pending Reviews:
            {{ $requests->count() }}

        </div>

    </div>

    <!-- SUCCESS -->
    @if(session('success'))

        <div style="
            background:#dcfce7;
            color:#166534;
            padding:15px;
            border-radius:8px;
            margin-bottom:20px;
        ">

            {{ session('success') }}

        </div>

    @endif

    <!-- ERRORS -->
    @if($errors->any())

        <div style="
            background:#fee2e2;
            color:#991b1b;
            padding:15px;
            border-radius:8px;
            margin-bottom:20px;
        ">

            <strong>Please correct the following:</strong>

            <ul style="
                margin-top:10px;
                padding-left:20px;
            ">

                @foreach($errors->all() as $error)

                    <li>{{ $error }}</li>

                @endforeach

            </ul>

        </div>

    @endif

    <!-- EMPTY -->
    @if($requests->isEmpty())

        <div class="panel"
             style="
                padding:60px 40px;
                text-align:center;
             ">

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

                No laboratory results pending review

            </div>

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

                Completed laboratory submissions will appear here

            </div>

        </div>

    @else

        <!-- TABLE -->
        <div class="panel"
             style="
                padding:0;
                overflow:hidden;
             ">

            <div style="
                overflow-x:auto;
            ">

                <table style="
                    width:100%;
                    border-collapse:collapse;
                ">

                    <thead style="
                        background:#f9fafb;
                    ">

                        <tr>

                            <th style="
                                padding:14px;
                                text-align:left;
                                border-bottom:1px solid #e5e7eb;
                            ">
                                Request No
                            </th>

                            <th style="
                                padding:14px;
                                text-align:left;
                                border-bottom:1px solid #e5e7eb;
                            ">
                                Patient
                            </th>

                            <th style="
                                padding:14px;
                                text-align:left;
                                border-bottom:1px solid #e5e7eb;
                            ">
                                Patient No
                            </th>

                            <th style="
                                padding:14px;
                                text-align:left;
                                border-bottom:1px solid #e5e7eb;
                            ">
                                Test
                            </th>

                            <th style="
                                padding:14px;
                                text-align:left;
                                border-bottom:1px solid #e5e7eb;
                            ">
                                Priority
                            </th>

                            <th style="
                                padding:14px;
                                text-align:left;
                                border-bottom:1px solid #e5e7eb;
                            ">
                                Lab Status
                            </th>

                            <th style="
                                padding:14px;
                                text-align:left;
                                border-bottom:1px solid #e5e7eb;
                            ">
                                Review Status
                            </th>

                            <th style="
                                padding:14px;
                                text-align:right;
                                border-bottom:1px solid #e5e7eb;
                            ">
                                Action
                            </th>

                        </tr>

                    </thead>

                    <tbody>

                        @foreach($requests as $request)

                            <tr style="
                                border-bottom:1px solid #f3f4f6;
                            ">

                                <!-- REQUEST -->
                                <td style="
                                    padding:14px;
                                    vertical-align:top;
                                ">

                                    <div style="
                                        font-family:monospace;
                                        font-weight:600;
                                    ">

                                        {{ $request->request_no }}

                                    </div>

                                </td>

                                <!-- PATIENT -->
                                <td style="
                                    padding:14px;
                                    vertical-align:top;
                                ">

                                    <div style="
                                        font-weight:600;
                                    ">

                                        {{ $request->first_name }}
                                        {{ $request->last_name }}

                                    </div>

                                </td>

                                <!-- PATIENT NUMBER -->
                                <td style="
                                    padding:14px;
                                    vertical-align:top;
                                ">

                                    <span style="
                                        font-family:monospace;
                                    ">

                                        {{ $request->patient_no }}

                                    </span>

                                </td>

                                <!-- TEST -->
                                <td style="
                                    padding:14px;
                                    vertical-align:top;
                                ">

                                    {{ $request->test_name }}

                                </td>

                                <!-- PRIORITY -->
                                <td style="
                                    padding:14px;
                                    vertical-align:top;
                                ">

                                    <span style="
                                        background:
                                            {{ $request->priority == 'urgent'
                                                ? '#fee2e2'
                                                : '#f3f4f6' }};

                                        color:
                                            {{ $request->priority == 'urgent'
                                                ? '#991b1b'
                                                : '#374151' }};

                                        padding:6px 10px;
                                        border-radius:20px;
                                        font-size:12px;
                                        font-weight:600;
                                    ">

                                        {{ ucfirst($request->priority ?? 'routine') }}

                                    </span>

                                </td>

                                <!-- LAB STATUS -->
                                <td style="
                                    padding:14px;
                                    vertical-align:top;
                                ">

                                    <span style="
                                        background:#dcfce7;
                                        color:#166534;
                                        padding:6px 10px;
                                        border-radius:20px;
                                        font-size:12px;
                                        font-weight:600;
                                    ">

                                        {{ ucfirst($request->status) }}

                                    </span>

                                </td>

                                <!-- REVIEW STATUS -->
                                <td style="
                                    padding:14px;
                                    vertical-align:top;
                                ">

                                    @php

                                        $reviewStatus =
                                            $request->review_status
                                            ?? 'pending';

                                    @endphp

                                    <span style="
                                        background:
                                            {{
                                                $reviewStatus === 'approved'
                                                    ? '#dcfce7'
                                                    : (
                                                        $reviewStatus === 'repeat_requested'
                                                            ? '#fee2e2'
                                                            : '#fef3c7'
                                                    )
                                            }};

                                        color:
                                            {{
                                                $reviewStatus === 'approved'
                                                    ? '#166534'
                                                    : (
                                                        $reviewStatus === 'repeat_requested'
                                                            ? '#991b1b'
                                                            : '#92400e'
                                                    )
                                            }};

                                        padding:6px 10px;
                                        border-radius:20px;
                                        font-size:12px;
                                        font-weight:600;
                                    ">

                                        {{
                                            ucfirst(
                                                str_replace(
                                                    '_',
                                                    ' ',
                                                    $reviewStatus
                                                )
                                            )
                                        }}

                                    </span>

                                </td>

                                <!-- ACTION -->
                                <td style="
                                    padding:14px;
                                    vertical-align:top;
                                    text-align:right;
                                ">

                                    <a href="{{ route(
                                            'admin.lab-review.review',
                                            $request->encounter_id
                                        ) }}"
                                       style="
                                            background:#2563eb;
                                            color:white;
                                            padding:10px 14px;
                                            border-radius:8px;
                                            text-decoration:none;
                                            font-size:13px;
                                            font-weight:600;
                                       ">

                                        Review Results

                                    </a>

                                </td>

                            </tr>

                        @endforeach

                    </tbody>

                </table>

            </div>

        </div>

    @endif

</div>

@endsection