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

@extends('layouts.app')

@section('content')

<div style="max-width:1250px;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;
            ">

                Results Review & Clinical Decision

            </h1>

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

                Review completed investigations and
                determine next management step

            </div>

        </div>

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

            Back to Queue

        </a>

    </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

    <!-- PATIENT -->
    <div class="panel"
         style="
            margin-bottom:20px;
            background:#eff6ff;
         ">

        <div style="
            display:grid;
            grid-template-columns:
                repeat(auto-fit,minmax(220px,1fr));
            gap:15px;
            font-size:14px;
            color:#1e3a8a;
        ">

            <div>

                <strong>Patient</strong><br>

                {{ $encounter->first_name ?? '' }}
                {{ $encounter->last_name ?? '' }}

            </div>

            <div>

                <strong>Patient No</strong><br>

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

                    {{ $encounter->patient_no ?? '—' }}

                </span>

            </div>

            <div>

                <strong>Visit No</strong><br>

                {{ $encounter->visit_no ?? '—' }}

            </div>

            <div>

                <strong>Encounter No</strong><br>

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

                    {{ $encounter->encounter_no ?? '—' }}

                </span>

            </div>

        </div>

    </div>

    <!-- ORIGINAL CLINICAL ASSESSMENT -->
    @if(!empty($consultation))

        <div class="panel"
             style="
                margin-bottom:25px;
                background:#f8fafc;
             ">

            <div style="
                font-size:18px;
                font-weight:700;
                margin-bottom:20px;
            ">

                Initial Clinical Assessment

            </div>

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

                <div>

                    <div style="
                        font-weight:700;
                        margin-bottom:8px;
                    ">

                        Clinical Impression

                    </div>

                    <div style="
                        color:#444;
                        line-height:1.6;
                        white-space:pre-wrap;
                    ">

                        {{
                            $consultation->clinical_impression
                            ?? '—'
                        }}

                    </div>

                </div>

                <div>

                    <div style="
                        font-weight:700;
                        margin-bottom:8px;
                    ">

                        Examination Findings

                    </div>

                    <div style="
                        color:#444;
                        line-height:1.6;
                        white-space:pre-wrap;
                    ">

                        {{
                            $consultation->examination_findings
                            ?? '—'
                        }}

                    </div>

                </div>

            </div>

        </div>

    @endif

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

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

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

                No completed investigation results found.

            </div>

        </div>

    @else

        <form method="POST"
              action="{{ route(
                    'admin.lab-review.store',
                    $encounter->id
              ) }}">

            @csrf

            <!-- RESULTS -->
            @foreach($requests as $index => $request)

                @php

                    $review =
                        $reviews[$request->id]
                        ?? null;

                    $requestResults =
                        $results->where(
                            'lab_request_id',
                            $request->id
                        );

                    $requestAttachments =
                        $attachments->where(
                            'lab_request_id',
                            $request->id
                        );

                @endphp

                <!-- REQUEST -->
                <div class="panel"
                     style="
                        padding:25px;
                        margin-bottom:25px;
                     ">

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

                        <div>

                            <div style="
                                font-size:20px;
                                font-weight:700;
                                margin-bottom:8px;
                            ">

                                {{ $request->test_name }}

                            </div>

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

                                Request No:

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

                                    {{ $request->request_no }}

                                </span>

                            </div>

                        </div>

                        <div style="
                            display:flex;
                            gap:10px;
                            flex-wrap:wrap;
                        ">

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

                                Results Available

                            </span>

                        </div>

                    </div>

                    <!-- RESULT TABLE -->
                    <div style="
                        overflow-x:auto;
                        border:1px solid #e5e7eb;
                        border-radius:10px;
                        margin-bottom:20px;
                    ">

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

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

                                <tr>

                                    <th style="
                                        padding:12px;
                                        text-align:left;
                                    ">
                                        Investigation
                                    </th>

                                    <th style="
                                        padding:12px;
                                        text-align:left;
                                    ">
                                        Result
                                    </th>

                                    <th style="
                                        padding:12px;
                                        text-align:left;
                                    ">
                                        Unit
                                    </th>

                                    <th style="
                                        padding:12px;
                                        text-align:left;
                                    ">
                                        Reference
                                    </th>

                                    <th style="
                                        padding:12px;
                                        text-align:left;
                                    ">
                                        Interpretation
                                    </th>

                                </tr>

                            </thead>

                            <tbody>

                                @foreach($requestResults as $result)

                                    <tr style="
                                        border-top:1px solid #eee;
                                    ">

                                        <td style="
                                            padding:12px;
                                            font-weight:600;
                                        ">

                                            {{ $result->test_name }}

                                        </td>

                                        <td style="padding:12px;">

                                            {{ $result->result_value ?? '—' }}

                                        </td>

                                        <td style="padding:12px;">

                                            {{ $result->result_unit ?? '—' }}

                                        </td>

                                        <td style="padding:12px;">

                                            {{ $result->reference_range ?? '—' }}

                                        </td>

                                        <td style="
                                            padding:12px;
                                            font-weight:600;
                                        ">

                                            {{
                                                ucfirst(
                                                    $result->interpretation
                                                    ?? 'normal'
                                                )
                                            }}

                                        </td>

                                    </tr>

                                    @if($result->notes)

                                        <tr style="
                                            background:#fafafa;
                                            border-top:1px solid #f3f4f6;
                                        ">

                                            <td colspan="5"
                                                style="
                                                    padding:12px;
                                                    color:#555;
                                                ">

                                                <strong>Lab Notes:</strong>

                                                {{ $result->notes }}

                                            </td>

                                        </tr>

                                    @endif

                                @endforeach

                            </tbody>

                        </table>

                    </div>

                    <!-- ATTACHMENTS -->
                    @if($requestAttachments->count())

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

                            <div style="
                                font-weight:700;
                                margin-bottom:10px;
                            ">

                                Attachments

                            </div>

                            <div style="
                                display:flex;
                                flex-direction:column;
                                gap:10px;
                            ">

                                @foreach($requestAttachments as $attachment)

                                    <a href="{{ asset(
                                            'storage/'.$attachment->file_path
                                        ) }}"
                                       target="_blank"
                                       style="
                                            display:block;
                                            padding:12px;
                                            border:1px solid #e5e7eb;
                                            border-radius:8px;
                                            text-decoration:none;
                                            color:#2563eb;
                                       ">

                                        {{ $attachment->file_name }}

                                    </a>

                                @endforeach

                            </div>

                        </div>

                    @endif

                    <!-- REVIEW -->
                    <div style="
                        background:#f9fafb;
                        padding:20px;
                        border-radius:10px;
                    ">

                        <input type="hidden"
                               name="reviews[{{ $index }}][lab_request_id]"
                               value="{{ $request->id }}">

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

                            <!-- DECISION -->
                            <div>

                                <label style="
                                    display:block;
                                    margin-bottom:8px;
                                    font-weight:700;
                                ">

                                    Clinical Decision

                                </label>

                                <select
                                    name="reviews[{{ $index }}][review_status]"
                                    style="
                                        width:100%;
                                        padding:12px;
                                        border:1px solid #d1d5db;
                                        border-radius:8px;
                                    ">

                                    <option value="reviewed"
                                        {{
                                            old(
                                                'reviews.'.$index.'.review_status',
                                                $review->review_status
                                                    ?? 'reviewed'
                                            ) === 'reviewed'
                                                ? 'selected'
                                                : ''
                                        }}>
                                        Reviewed
                                    </option>

                                    <option value="repeat_requested"
                                        {{
                                            old(
                                                'reviews.'.$index.'.review_status',
                                                $review->review_status
                                                    ?? ''
                                            ) === 'repeat_requested'
                                                ? 'selected'
                                                : ''
                                        }}>
                                        Repeat Investigation
                                    </option>

                                    <option value="additional_tests_required"
                                        {{
                                            old(
                                                'reviews.'.$index.'.review_status',
                                                $review->review_status
                                                    ?? ''
                                            ) === 'additional_tests_required'
                                                ? 'selected'
                                                : ''
                                        }}>
                                        Additional Tests Required
                                    </option>

                                </select>

                            </div>

                            <!-- COMMENT -->
                            <div>

                                <label style="
                                    display:block;
                                    margin-bottom:8px;
                                    font-weight:700;
                                ">

                                    Clinical Interpretation

                                </label>

                                <textarea
                                    name="reviews[{{ $index }}][clinical_comment]"
                                    rows="4"
                                    style="
                                        width:100%;
                                        padding:12px;
                                        border:1px solid #d1d5db;
                                        border-radius:8px;
                                    ">{{ old(
                                        'reviews.'.$index.'.clinical_comment',
                                        $review->clinical_comment
                                            ?? ''
                                    ) }}</textarea>

                            </div>

                        </div>

                    </div>

                </div>

            @endforeach

            <!-- FINAL DECISION -->
            <div class="panel"
                 style="
                    margin-bottom:25px;
                    background:#f8fafc;
                 ">

                <div style="
                    font-size:20px;
                    font-weight:700;
                    margin-bottom:20px;
                ">

                    Final Clinical Decision

                </div>

                <!-- FINAL DIAGNOSIS -->
                <div style="
                    margin-bottom:20px;
                ">

                    <label style="
                        display:block;
                        margin-bottom:8px;
                        font-weight:700;
                    ">

                        Final Diagnosis

                    </label>

                    <textarea
                        name="final_diagnosis"
                        rows="4"
                        style="
                            width:100%;
                            padding:12px;
                            border:1px solid #d1d5db;
                            border-radius:8px;
                        ">{{ old('final_diagnosis') }}</textarea>

                </div>

                <!-- MANAGEMENT -->
                <div style="
                    margin-bottom:20px;
                ">

                    <label style="
                        display:block;
                        margin-bottom:8px;
                        font-weight:700;
                    ">

                        Management Plan

                    </label>

                    <textarea
                        name="management_plan"
                        rows="5"
                        style="
                            width:100%;
                            padding:12px;
                            border:1px solid #d1d5db;
                            border-radius:8px;
                        ">{{ old('management_plan') }}</textarea>

                </div>

                <!-- NEXT ACTION -->
                <div>

                    <label style="
                        display:block;
                        margin-bottom:8px;
                        font-weight:700;
                    ">

                        Next Workflow Action

                    </label>

                    <select
                        name="next_action"
                        style="
                            width:100%;
                            max-width:420px;
                            padding:12px;
                            border:1px solid #d1d5db;
                            border-radius:8px;
                        ">

                        <option value="">
                            Select next action
                        </option>

                        <option value="pharmacy"
                            {{
                                old('next_action') === 'pharmacy'
                                    ? 'selected'
                                    : ''
                            }}>
                            Send to Pharmacy
                        </option>

                        <option value="additional_investigations"
                            {{
                                old('next_action')
                                === 'additional_investigations'
                                    ? 'selected'
                                    : ''
                            }}>
                            Additional Investigations
                        </option>

                        <option value="admission"
                            {{
                                old('next_action') === 'admission'
                                    ? 'selected'
                                    : ''
                            }}>
                            Admit Patient
                        </option>

                        <option value="complete_visit"
                            {{
                                old('next_action')
                                === 'complete_visit'
                                    ? 'selected'
                                    : ''
                            }}>
                            Complete Visit
                        </option>

                    </select>

                </div>

            </div>

            <!-- ACTIONS -->
            <div style="
                display:flex;
                gap:12px;
                flex-wrap:wrap;
                margin-bottom:40px;
            ">

                <button type="submit"
                        style="
                            background:#16a34a;
                            color:white;
                            border:none;
                            padding:14px 22px;
                            border-radius:8px;
                            cursor:pointer;
                            font-size:14px;
                            font-weight:700;
                        ">

                    Save Clinical Review

                </button>

                <a href="{{ route('admin.lab-review.queue') }}"
                   style="
                        background:#f3f4f6;
                        color:#333;
                        padding:14px 22px;
                        border-radius:8px;
                        text-decoration:none;
                        font-size:14px;
                   ">

                    Cancel

                </a>

            </div>

        </form>

    @endif

</div>

@endsection