@extends('layouts.app')
@section('title', 'Consultation | ' . ($visit->patient->full_name ?? ''))
@section('content')

@include('partials._encounter-styles')

@php
    $readOnly  = in_array($visit->status, ['completed','cancelled','discharged']);
    $c         = $visit->consultation ?? null;
    $p         = $visit->patient ?? null;
    $t         = $visit->triage ?? null;
@endphp

<div class="enc-page">

    {{-- ════════════ PATIENT HEADER STRIP ════════════ --}}
    <div class="enc-patient-bar">
        <div class="enc-patient-name">{{ $p->full_name ?? '-' }}</div>
        <div><strong>Patient #</strong> {{ $p->mrn ?? '-' }}</div>
        <div><strong>Age</strong> {{ $p->age ?? '-' }} {{ $p->gender ? '· '.ucfirst($p->gender) : '' }}</div>
        <div><strong>Visit #</strong> {{ $visit->visit_number }}</div>
        <div><strong>Date</strong> {{ $visit->check_in_at?->format('d M Y H:i') ?? $visit->created_at->format('d M Y H:i') }}</div>
        @if($readOnly)<span class="badge badge-success">Completed</span>@endif
        @if($p && $p->allergies && count($p->allergies))
            <div class="enc-note-danger">⚠ Allergies: {{ implode(', ', $p->allergies) }}</div>
        @endif
    </div>

    {{-- ════════════ 1. TRIAGE / VITALS ════════════ --}}
    <div class="enc-section">
        <div class="enc-section-head">
            <h3><span class="enc-section-num">1</span> Triage / Vitals</h3>
            @if($t)<span class="badge badge-success">Recorded</span>
            @else<span class="badge badge-warning">Pending</span>@endif
        </div>
        <div class="enc-section-body">
            @if($t)
            <table class="enc-table">
                <thead><tr>
                    <th>Date / Time</th><th>Height</th><th>Weight</th><th>BMI</th>
                    <th>Temp</th><th>BP</th><th>Pulse</th><th>RR</th>
                    <th>SpO₂</th><th>Pain</th>
                </tr></thead>
                <tbody><tr>
                    <td>{{ $t->created_at?->format('d M Y H:i') ?? '-' }}</td>
                    <td>{{ $t->height ?? '-' }}</td>
                    <td>{{ $t->weight ?? '-' }}</td>
                    <td>{{ ($t->height && $t->weight) ? number_format(($t->weight / (($t->height/100) * ($t->height/100))),1) : '-' }}</td>
                    <td>{{ $t->temperature ?? '-' }}</td>
                    <td>{{ ($t->blood_pressure_systolic ?? '-') }}/{{ $t->blood_pressure_diastolic ?? '-' }}</td>
                    <td>{{ $t->pulse ?? '-' }}</td>
                    <td>{{ $t->respiratory_rate ?? '-' }}</td>
                    <td>{{ $t->oxygen_saturation ?? '-' }}</td>
                    <td>{{ $t->pain_score ?? '-' }}</td>
                </tr></tbody>
            </table>
            @else
                <p class="enc-empty">No vitals recorded for this visit.</p>
            @endif
        </div>
    </div>

    {{-- ════════════ 2. CLINICAL DETAILS ════════════ --}}
    @if(!$c && !$readOnly)
    {{-- ---- Create mode ---- --}}
    <form method="POST" action="{{ route('consultations.store', $visit) }}">
        @csrf
        <div class="enc-section">
            <div class="enc-section-head">
                <h3><span class="enc-section-num">2</span> Clinical Notes</h3>
            </div>
            <div class="enc-section-body">
                <div class="enc-subblock">
                    <div class="enc-sub-title">History, Examination & Treatment</div>
                    <label>Presenting Complaints / History <span style="color:#dc2626">*</span></label>
                    <textarea name="presenting_complaints" rows="3" required></textarea>
                    <label>Physical Examination Findings</label>
                    <textarea name="examination_findings" rows="3"></textarea>
                    <label>Treatment Plan</label>
                    <textarea name="treatment_plan" rows="2"></textarea>
                </div>
            </div>
        </div>

        <div class="enc-section">
            <div class="enc-section-head">
                <h3><span class="enc-section-num">3</span> Diagnosis (ICD-10)</h3>
            </div>
            <div class="enc-section-body">
                @include('partials._icd10_picker', ['consultation' => null])
            </div>
            <div class="enc-section-footer">
                <button type="submit" class="btn-success">Start Consultation</button>
            </div>
        </div>
    </form>

    @else
    {{-- ---- Edit / Read-only mode ---- --}}
    <form method="POST" action="{{ $c ? route('consultations.update', $c) : route('consultations.store', $visit) }}">
        @csrf
        @if($c) @method('PUT') @endif

        <div class="enc-section">
            <div class="enc-section-head">
                <h3><span class="enc-section-num">2</span> Clinical Notes</h3>
                @if($c)<span class="badge badge-success">Saved</span>@endif
            </div>
            <div class="enc-section-body">
                <div class="enc-subblock">
                    <div class="enc-sub-title">History, Examination & Treatment</div>

                    <label>Presenting Complaints / History <span style="color:#dc2626">*</span></label>
                    <textarea name="presenting_complaints" rows="3" required {{ $readOnly ? 'readonly' : '' }}>{{ $c->presenting_complaints ?? '' }}</textarea>

                    <label>Physical Examination Findings</label>
                    <textarea name="examination_findings" rows="3" {{ $readOnly ? 'readonly' : '' }}>{{ $c->examination_findings ?? '' }}</textarea>

                    <label>Treatment Plan</label>
                    <textarea name="treatment_plan" rows="2" {{ $readOnly ? 'readonly' : '' }}>{{ $c->treatment_plan ?? '' }}</textarea>
                </div>
            </div>
        </div>

        <div class="enc-section">
            <div class="enc-section-head">
                <h3><span class="enc-section-num">3</span> Diagnosis (ICD-10)</h3>
            </div>
            <div class="enc-section-body">
                @if($c && $c->diagnoses && $c->diagnoses->count())
                <table class="enc-table" style="margin-bottom:12px">
                    <thead><tr>
                        <th class="text-left" style="width:110px">Primary</th>
                        <th class="text-left" style="width:110px">ICD-10 Code</th>
                        <th class="text-left">Diagnosis</th>
                    </tr></thead>
                    <tbody>
                    @foreach($c->diagnoses as $d)
                        <tr>
                            <td class="text-left">@if($d->is_primary)<span class="enc-pill-primary">Primary</span>@else<span style="color:#8891a3">—</span>@endif</td>
                            <td class="text-left"><span class="enc-pill-code">{{ $d->icd10Code->code ?? '' }}</span></td>
                            <td class="text-left">{{ $d->icd10Code->description ?? '' }}</td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
                @endif

                @if(!$readOnly)
                    @include('partials._icd10_picker', ['consultation' => $c])
                @endif
            </div>
            @if(!$readOnly)
            <div class="enc-section-footer">
                <button type="submit" name="action" value="save" class="btn-primary">Save</button>
                <button type="submit" name="action" value="complete" class="btn-success">Save & Complete Visit</button>
            </div>
            @endif
        </div>
    </form>
    @endif

</div>

@stack('scripts')
@endsection