@extends('layouts.app')
@section('title', 'Direct Encounter · ' . ($visit->visit_number ?? ''))
@section('content')

@php
    $isLab = $visit->visit_type === 'direct_lab';
    $patient = $visit->patient;
@endphp

<div class="max-w-5xl mx-auto">
    <div class="mb-3 flex items-center gap-3">
        <a href="{{ route('direct-encounters.index') }}" class="text-xs text-cr-600 hover:underline">← Back to Direct Encounters</a>
        <span class="text-gray-300">·</span>
        <span class="text-xs text-gray-500 font-mono">{{ $visit->visit_number }}</span>
    </div>

    @if(session('success'))
    <div class="bg-green-50 border border-green-200 rounded-lg px-3 py-2 mb-3 text-xs text-green-800">{{ session('success') }}</div>
    @endif
    @if(session('warning'))
    <div class="bg-amber-50 border border-amber-200 rounded-lg px-3 py-2 mb-3 text-xs text-amber-800">{{ session('warning') }}</div>
    @endif

    {{-- Header card --}}
    <div class="bg-white rounded-xl border border-gray-200 p-5 mb-4">
        <div class="flex items-start justify-between gap-4">
            <div>
                <h1 class="text-lg font-bold text-gray-900">
                    {{ $patient->full_name ?? '—' }}
                    <span class="ml-1 text-xs text-gray-400 font-normal font-mono">{{ $patient->mrn ?? '' }}</span>
                </h1>
                <p class="text-xs text-gray-500 mt-1">
                    {{ ucfirst($patient->gender ?? '—') }} · {{ $patient->age ?? '—' }} ·
                    Direct {{ $isLab ? 'Lab' : 'Imaging' }} Encounter
                    · Checked in {{ optional($visit->check_in_at)->format('d M Y, H:i') }}
                </p>
            </div>
            <div>
                @php
                    $statusClass = match($visit->status) {
                        'at_lab'        => 'bg-teal-100 text-teal-800',
                        'at_radiology'  => 'bg-purple-100 text-purple-800',
                        'completed'     => 'bg-green-100 text-green-800',
                        'cancelled'     => 'bg-gray-100 text-gray-600',
                        default         => 'bg-blue-100 text-blue-800',
                    };
                @endphp
                <span class="inline-block px-3 py-1 rounded-full text-xs font-bold uppercase {{ $statusClass }}">
                    {{ str_replace('_', ' ', $visit->status) }}
                </span>
            </div>
        </div>
    </div>

    <div class="grid grid-cols-1 lg:grid-cols-3 gap-4">

        {{-- Orders panel --}}
        <div class="lg:col-span-2 bg-white rounded-xl border border-gray-200 overflow-hidden">
            <div class="px-5 py-3 border-b border-gray-100">
                <h3 class="text-sm font-bold text-gray-800">
                    {{ $isLab ? 'Lab Orders' : 'Imaging Requests' }}
                </h3>
            </div>

            @if($isLab)
                <table class="w-full">
                    <thead class="bg-gray-50">
                        <tr>
                            <th class="table-header">Test</th>
                            <th class="table-header">Sample</th>
                            <th class="table-header">Status</th>
                            <th class="table-header">Result</th>
                        </tr>
                    </thead>
                    <tbody class="divide-y divide-gray-50">
                        @forelse($visit->labOrders as $o)
                        <tr>
                            <td class="table-cell text-xs font-medium">{{ $o->test_name }}</td>
                            <td class="table-cell text-xs text-gray-500">{{ $o->sample_type ?: '—' }}</td>
                            <td class="table-cell text-xs capitalize">{{ str_replace('_', ' ', $o->status) }}</td>
                            <td class="table-cell text-xs">
                                @if($o->result && $o->result->status === 'validated')
                                    <a href="{{ route('lab.result.form', $o) }}" class="text-cr-600 hover:underline">View</a>
                                @elseif($o->result)
                                    <span class="text-amber-600">Pending validation</span>
                                @else
                                    <span class="text-gray-400">Awaiting</span>
                                @endif
                            </td>
                        </tr>
                        @empty
                        <tr><td colspan="4" class="table-cell text-center text-gray-400 py-6 text-xs">No orders.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            @else
                <table class="w-full">
                    <thead class="bg-gray-50">
                        <tr>
                            <th class="table-header">Type</th>
                            <th class="table-header">Body Part</th>
                            <th class="table-header">Status</th>
                            <th class="table-header">Indication</th>
                        </tr>
                    </thead>
                    <tbody class="divide-y divide-gray-50">
                        @forelse($visit->imagingRequests as $r)
                        <tr>
                            <td class="table-cell text-xs font-medium">{{ $r->imaging_type }}</td>
                            <td class="table-cell text-xs">{{ $r->body_part ?: '—' }}</td>
                            <td class="table-cell text-xs capitalize">{{ str_replace('_', ' ', $r->status) }}</td>
                            <td class="table-cell text-xs text-gray-500">{{ $r->clinical_indication ?: '—' }}</td>
                        </tr>
                        @empty
                        <tr><td colspan="4" class="table-cell text-center text-gray-400 py-6 text-xs">No requests.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            @endif
        </div>

        {{-- Side: invoice + actions --}}
        <div class="space-y-4">

            {{-- Invoice card --}}
            <div class="bg-white rounded-xl border border-gray-200 p-4">
                <h3 class="text-sm font-bold text-gray-800 mb-2">Invoice</h3>
                @if($visit->invoice)
                    <dl class="text-xs space-y-1">
                        <div class="flex justify-between"><dt class="text-gray-500">Invoice #</dt><dd class="font-mono">{{ $visit->invoice->invoice_number }}</dd></div>
                        <div class="flex justify-between"><dt class="text-gray-500">Total</dt><dd class="font-semibold">KES {{ number_format($visit->invoice->total_amount) }}</dd></div>
                        <div class="flex justify-between"><dt class="text-gray-500">Paid</dt><dd>KES {{ number_format($visit->invoice->amount_paid) }}</dd></div>
                        <div class="flex justify-between border-t border-gray-100 pt-1 mt-1">
                            <dt class="text-gray-500">Balance</dt>
                            <dd class="font-bold {{ $visit->invoice->balance > 0 ? 'text-red-600' : 'text-green-600' }}">
                                KES {{ number_format($visit->invoice->balance) }}
                            </dd>
                        </div>
                    </dl>
                @else
                    <p class="text-xs text-gray-400">No invoice on file.</p>
                @endif
            </div>

            {{-- Convert-to-OPD card. Only for in-flight encounters. --}}
            @if(in_array($visit->status, ['at_lab', 'at_radiology']) && auth()->user()->hasAnyRole('Super Admin', 'Hospital Admin', 'Clinician', 'Receptionist'))
            <div class="bg-amber-50 border border-amber-200 rounded-xl p-4">
                <h3 class="text-sm font-bold text-amber-900 mb-1">Convert to OPD Visit</h3>
                <p class="text-[11px] text-amber-800 leading-snug mb-3">
                    Patient needs clinical care after the {{ $isLab ? 'lab' : 'imaging' }} work? Convert this encounter into a full OPD visit.
                    Existing orders and the invoice carry over.
                </p>
                <form method="POST" action="{{ route('direct-encounters.convert', $visit) }}">
                    @csrf
                    <label class="block text-[11px] font-semibold text-amber-900 mb-1 uppercase">Assign Clinician</label>
                    <select name="clinician_id" required class="form-input text-xs mb-3">
                        <option value="">— Select clinician —</option>
                        @foreach($clinicians as $c)
                            <option value="{{ $c->id }}">{{ $c->name }}{{ $c->designation ? ' · ' . $c->designation : '' }}</option>
                        @endforeach
                    </select>
                    <button type="submit" onclick="return confirm('Convert to OPD visit? This is one-way.')"
                            class="w-full px-3 py-2 bg-amber-600 hover:bg-amber-700 text-white text-xs font-bold rounded-lg">
                        Convert to OPD →
                    </button>
                </form>
            </div>
            @endif

            {{-- Conversion history (if applicable, won't render for direct encounters but kept here for show after conversion) --}}
            @if($visit->converted_from_direct_at)
            <div class="bg-blue-50 border border-blue-200 rounded-xl p-3 text-[11px] text-blue-800">
                Originally a <strong>{{ str_replace('_', ' ', $visit->converted_from_direct_type) }}</strong> encounter.
                Converted to OPD on {{ $visit->converted_from_direct_at->format('d M Y, H:i') }}.
            </div>
            @endif
        </div>
    </div>
</div>
@endsection