{{-- resources/views/admin/lab_results/encounter_results.blade.php --}}

@extends('layouts.app')

@section('content')

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

    @php

        $pendingRequests = $requests->where('status', 'requested');

        $completedRequests = $requests->where('status', 'completed');

    @endphp

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

        <div>

            <h1 style="
                font-size:28px;
                font-weight:600;
                margin-bottom:5px;
            ">
                Laboratory Results
            </h1>

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

                Encounter:

                <span style="font-family:monospace;">
                    {{ $encounter->encounter_no ?? '—' }}
                </span>

            </div>

        </div>

        <a href="{{ route('admin.encounters.show', $encounter->id) }}"
           style="
                background:#2563eb;
                color:white;
                padding:10px 16px;
                border-radius:8px;
                text-decoration:none;
                font-size:14px;
           ">

            Back to Encounter

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

    </div>

    <!-- NO PENDING -->
    @if($pendingRequests->isEmpty())

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

            <div style="
                color:#166534;
                font-size:16px;
                font-weight:600;
            ">

                All laboratory requests have been completed.

            </div>

        </div>

    @else

        <!-- RESULTS FORM -->
        <form method="POST"
              enctype="multipart/form-data"
              action="{{ route('admin.lab-results.encounter.store', $encounter->id) }}">

            @csrf

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

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

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

                        Pending Laboratory Requests

                    </h2>

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

                        {{ $pendingRequests->count() }} pending

                    </div>

                </div>

                <div style="
                    overflow-x:auto;
                    border:1px solid #e5e7eb;
                    border-radius:10px;
                ">

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

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

                            <tr>

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

                                <th style="padding:12px;text-align:left;">
                                    Test
                                </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($pendingRequests as $index => $request)

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

                                    <td style="
                                        padding:12px;
                                        vertical-align:top;
                                    ">

                                        <div style="
                                            font-weight:600;
                                            margin-bottom:5px;
                                        ">

                                            {{ $request->request_no }}

                                        </div>

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

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

                                        </div>

                                    </td>

                                    <td style="
                                        padding:12px;
                                        vertical-align:top;
                                    ">

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

                                        <input type="hidden"
                                               name="tests[{{ $index }}][test_name]"
                                               value="{{ $request->test_name }}">

                                        <div style="
                                            font-weight:600;
                                            margin-bottom:6px;
                                        ">

                                            {{ $request->test_name }}

                                        </div>

                                        @if($request->clinical_notes)

                                            <div style="
                                                font-size:12px;
                                                color:#666;
                                                line-height:1.5;
                                            ">

                                                <strong>Notes:</strong>
                                                {{ $request->clinical_notes }}

                                            </div>

                                        @endif

                                    </td>

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

                                        <textarea
                                            name="tests[{{ $index }}][result_value]"
                                            rows="3"
                                            required
                                            style="
                                                width:100%;
                                                padding:10px;
                                                border:1px solid #d1d5db;
                                                border-radius:6px;
                                            ">{{ old('tests.'.$index.'.result_value') }}</textarea>

                                        <textarea
                                            name="tests[{{ $index }}][notes]"
                                            rows="2"
                                            placeholder="Additional notes"
                                            style="
                                                width:100%;
                                                margin-top:10px;
                                                padding:10px;
                                                border:1px solid #d1d5db;
                                                border-radius:6px;
                                            ">{{ old('tests.'.$index.'.notes') }}</textarea>

                                    </td>

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

                                        <input type="text"
                                               name="tests[{{ $index }}][result_unit]"
                                               placeholder="g/dL"
                                               style="
                                                    width:100%;
                                                    padding:10px;
                                                    border:1px solid #d1d5db;
                                                    border-radius:6px;
                                               ">

                                    </td>

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

                                        <input type="text"
                                               name="tests[{{ $index }}][reference_range]"
                                               placeholder="4.5 - 11"
                                               style="
                                                    width:100%;
                                                    padding:10px;
                                                    border:1px solid #d1d5db;
                                                    border-radius:6px;
                                               ">

                                    </td>

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

                                        <select
                                            name="tests[{{ $index }}][interpretation]"
                                            style="
                                                width:100%;
                                                padding:10px;
                                                border:1px solid #d1d5db;
                                                border-radius:6px;
                                            ">

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

                                            <option value="normal">
                                                Normal
                                            </option>

                                            <option value="abnormal">
                                                Abnormal
                                            </option>

                                            <option value="critical">
                                                Critical
                                            </option>

                                        </select>

                                    </td>

                                </tr>

                            @endforeach

                        </tbody>

                    </table>

                </div>

            </div>

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

                <h2 style="
                    margin-top:0;
                    margin-bottom:15px;
                    font-size:20px;
                ">

                    Laboratory Attachments

                </h2>

                <input type="file"
                       name="attachments[]"
                       multiple
                       accept=".pdf,.jpg,.jpeg,.png">

            </div>

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

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

                    Save Laboratory Results

                </button>

            </div>

        </form>

    @endif

    <!-- COMPLETED RESULTS -->
    @if($completedRequests->count())

        <div class="panel"
             style="
                padding:25px;
             ">

            <h2 style="
                margin-top:0;
                margin-bottom:20px;
                font-size:20px;
            ">

                Completed Laboratory Results

            </h2>

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

                @foreach($completedRequests as $request)

                    <div style="
                        border:1px solid #e5e7eb;
                        border-radius:10px;
                        padding:18px;
                    ">

                        <div style="
                            display:flex;
                            justify-content:space-between;
                            margin-bottom:10px;
                            flex-wrap:wrap;
                            gap:10px;
                        ">

                            <div>

                                <strong>{{ $request->request_no }}</strong>
                                —
                                {{ $request->test_name }}

                            </div>

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

                                Completed

                            </span>

                        </div>

                        @php

                            $result = DB::table('encounter_lab_result_items')
                                ->where('lab_request_id', $request->id)
                                ->first();

                        @endphp

                        @if($result)

                            <div style="
                                color:#444;
                                line-height:1.7;
                            ">

                                <strong>Result:</strong>
                                {{ $result->result_value ?? '—' }}

                                <br>

                                <strong>Unit:</strong>
                                {{ $result->result_unit ?? '—' }}

                                <br>

                                <strong>Reference:</strong>
                                {{ $result->reference_range ?? '—' }}

                                <br>

                                <strong>Interpretation:</strong>
                                {{ ucfirst($result->interpretation ?? '—') }}

                                @if($result->notes)

                                    <br>

                                    <strong>Notes:</strong>
                                    {{ $result->notes }}

                                @endif

                            </div>

                        @endif

                    </div>

                @endforeach

            </div>

        </div>

    @endif

</div>

@endsection