@extends('layouts.admin')

@section('title', 'Complete Warm Handoff')

@section('content')
@php
    $patientName = $session->patientProfile?->user?->name ?? 'Patient';
    $pcpName = $session->initiatedBy?->name ?? 'PCP';
    $bhcmName = $session->bhcm?->name ?? 'BHCM';
    $durationMinutes = $session->duration_seconds !== null
        ? max(1, (int) ceil($session->duration_seconds / 60))
        : null;
@endphp

<div class="max-w-5xl space-y-6">
    <div class="flex flex-col gap-4 lg:flex-row lg:items-end lg:justify-between">
        <div>
            <p class="text-sm font-semibold text-brand-orange">Warm Handoff</p>
            <h2 class="mt-1 text-2xl font-bold tracking-tight text-accent">Complete handoff for {{ $patientName }}</h2>
            <p class="mt-2 max-w-3xl text-sm leading-relaxed text-ink-secondary">
                Record the clinical outcome, next action, safety review, and billing-ready time log details.
            </p>
        </div>
        <a href="{{ route('admin.patients.show', $session->patient_profile_id) }}" class="btn-secondary">Open patient chart</a>
    </div>

    <div class="gradient-rule"></div>

    @if ($errors->any())
        <div class="rounded-lg border border-status-critical/30 bg-status-critical/10 px-4 py-3 text-sm text-status-critical">
            <p class="font-semibold">Please review the highlighted fields.</p>
            <ul class="mt-2 list-disc space-y-1 pl-5">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <section class="grid gap-4 md:grid-cols-4">
        <div class="relative overflow-hidden rounded-lg border border-accent/20 bg-white p-4 shadow-[inset_0_1px_0_rgba(255,255,255,0.96),0_18px_42px_-28px_rgba(11,39,84,0.46)] before:absolute before:inset-y-0 before:left-0 before:w-1 before:bg-accent">
            <p class="pl-2 text-xs font-semibold uppercase tracking-wide text-ink-muted">Patient</p>
            <p class="mt-1 pl-2 text-base font-bold text-accent">{{ $patientName }}</p>
        </div>
        <div class="relative overflow-hidden rounded-lg border border-brand-orange/35 bg-[linear-gradient(135deg,rgba(255,255,255,0.98),rgba(255,241,233,0.88))] p-4 shadow-[inset_0_1px_0_rgba(255,255,255,0.96),0_18px_42px_-28px_rgba(255,122,53,0.50)] before:absolute before:inset-y-0 before:left-0 before:w-1 before:bg-brand-orange">
            <p class="pl-2 text-xs font-semibold uppercase tracking-wide text-ink-muted">PCP</p>
            <p class="mt-1 pl-2 text-base font-bold text-accent">{{ $pcpName }}</p>
        </div>
        <div class="relative overflow-hidden rounded-lg border border-status-good/30 bg-[linear-gradient(135deg,rgba(255,255,255,0.98),rgba(232,248,232,0.78))] p-4 shadow-[inset_0_1px_0_rgba(255,255,255,0.96),0_18px_42px_-28px_rgba(12,163,12,0.42)] before:absolute before:inset-y-0 before:left-0 before:w-1 before:bg-status-good">
            <p class="pl-2 text-xs font-semibold uppercase tracking-wide text-ink-muted">BHCM</p>
            <p class="mt-1 pl-2 text-base font-bold text-accent">{{ $bhcmName }}</p>
        </div>
        <div class="relative overflow-hidden rounded-lg border border-status-warning/35 bg-[linear-gradient(135deg,rgba(255,255,255,0.98),rgba(255,248,230,0.84))] p-4 shadow-[inset_0_1px_0_rgba(255,255,255,0.96),0_18px_42px_-28px_rgba(250,178,25,0.48)] before:absolute before:inset-y-0 before:left-0 before:w-1 before:bg-status-warning">
            <p class="pl-2 text-xs font-semibold uppercase tracking-wide text-ink-muted">Video Time</p>
            <p class="mt-1 pl-2 text-base font-bold text-accent">{{ $durationMinutes ? $durationMinutes.' min' : 'Not captured' }}</p>
        </div>
    </section>

    @if ($session->completed_at)
        <div class="rounded-lg border border-status-good/30 bg-status-good/10 px-4 py-3 text-sm text-status-good">
            This warm handoff was completed by {{ $session->completedBy?->name ?? 'care team' }} on {{ $session->completed_at->format('M j, Y g:ia') }}. You can update the completion details below.
        </div>
    @endif

    <form method="POST" action="{{ route('admin.warm-handoff.complete.store', $session) }}" class="grid gap-6 xl:grid-cols-[1.2fr_0.8fr]">
        @csrf

        <section class="card p-5">
            <div class="flex items-start justify-between gap-3">
                <div>
                    <h3 class="text-sm font-semibold text-accent">Clinical completion</h3>
                    <p class="text-xs text-ink-muted">Capture what happened and what should happen next.</p>
                </div>
                <span class="status-pill-neutral">Required</span>
            </div>

            <div class="mt-5 space-y-4">
                <div>
                    <label for="completion_outcome" class="text-xs font-semibold uppercase tracking-wide text-ink-muted">Outcome</label>
                    <select id="completion_outcome" name="completion_outcome" class="input-field mt-1">
                        @foreach ($outcomeLabels as $value => $label)
                            <option value="{{ $value }}" @selected(old('completion_outcome', $session->completion_outcome ?? App\Models\WarmHandoffSession::OUTCOME_COMPLETED) === $value)>{{ $label }}</option>
                        @endforeach
                    </select>
                </div>

                <div>
                    <label for="completion_summary" class="text-xs font-semibold uppercase tracking-wide text-ink-muted">Clinical summary</label>
                    <textarea id="completion_summary" name="completion_summary" rows="5" class="input-field mt-1" required>{{ old('completion_summary', $session->completion_summary) }}</textarea>
                </div>

                <div class="grid gap-4 md:grid-cols-2">
                    <div>
                        <label for="patient_agreed_to_follow_up" class="text-xs font-semibold uppercase tracking-wide text-ink-muted">Patient agreed to BHCM follow-up</label>
                        <select id="patient_agreed_to_follow_up" name="patient_agreed_to_follow_up" class="input-field mt-1">
                            <option value="1" @selected((string) old('patient_agreed_to_follow_up', $session->patient_agreed_to_follow_up ?? true) === '1')>Yes</option>
                            <option value="0" @selected((string) old('patient_agreed_to_follow_up', $session->patient_agreed_to_follow_up) === '0')>No</option>
                        </select>
                    </div>
                    <div>
                        <label for="next_follow_up_at" class="text-xs font-semibold uppercase tracking-wide text-ink-muted">Next follow-up</label>
                        <input
                            id="next_follow_up_at"
                            name="next_follow_up_at"
                            type="datetime-local"
                            value="{{ old('next_follow_up_at', $session->next_follow_up_at?->format('Y-m-d\TH:i')) }}"
                            class="input-field mt-1"
                        >
                    </div>
                </div>

                <div>
                    <label for="next_action" class="text-xs font-semibold uppercase tracking-wide text-ink-muted">Next action</label>
                    <textarea id="next_action" name="next_action" rows="3" class="input-field mt-1">{{ old('next_action', $session->next_action) }}</textarea>
                </div>

                <label class="flex items-start gap-3 rounded-lg border border-status-critical/25 bg-status-critical/10 px-4 py-3 text-sm text-status-critical">
                    <input type="checkbox" name="safety_risk_reviewed" value="1" class="mt-1 rounded border-status-critical/40 text-status-critical focus:ring-status-critical/30" @checked(old('safety_risk_reviewed', $session->safety_risk_reviewed)) required>
                    <span>
                        <span class="block font-semibold">Safety risk reviewed</span>
                        <span class="mt-0.5 block text-status-critical/80">Confirm the handoff conversation included immediate safety/risk review or appropriate escalation.</span>
                    </span>
                </label>
            </div>
        </section>

        <aside class="space-y-6">
            <div class="card p-5">
                <h3 class="text-sm font-semibold text-accent">Suggested time log</h3>
                @if ($suggestedTimeLog)
                    <div class="mt-3 space-y-2 rounded-lg border border-border-subtle bg-surface-2 px-3 py-3 text-sm">
                        <div class="flex items-center justify-between gap-3">
                            <span class="font-medium text-accent">Direct call</span>
                            @if ($suggestedTimeLog->submitted_at)
                                <span class="status-pill-good">Submitted</span>
                            @else
                                <span class="status-pill-warning">Suggested</span>
                            @endif
                        </div>
                        <p class="text-xs text-ink-muted">
                            {{ $suggestedTimeLog->started_at->format('M j, g:ia') }} to {{ $suggestedTimeLog->ended_at->format('g:ia') }}
                        </p>
                    </div>

                    @if (! $suggestedTimeLog->submitted_at)
                        <label class="mt-4 flex items-start gap-3 rounded-lg border border-status-good/25 bg-status-good/10 px-4 py-3 text-sm text-status-good">
                            <input type="checkbox" name="submit_time_log" value="1" class="mt-1 rounded border-status-good/40 text-status-good focus:ring-status-good/30" @checked(old('submit_time_log', true))>
                            <span>
                                <span class="block font-semibold">Submit suggested video time log</span>
                                <span class="mt-0.5 block text-status-good/80">Use the video start/end time and completion notes for billing review.</span>
                            </span>
                        </label>
                    @endif
                @else
                    <p class="mt-3 text-sm text-ink-muted">No suggested time log was created for this session.</p>
                @endif
            </div>

            <div class="card p-5">
                <h3 class="text-sm font-semibold text-accent">What this saves</h3>
                <div class="mt-3 space-y-2 text-sm text-ink-secondary">
                    <p>Clinical outcome is stored on the warm handoff record.</p>
                    <p>A follow-up task is created when a next follow-up date is entered.</p>
                    <p>The suggested video time log can be submitted from this screen.</p>
                </div>
            </div>

            <div class="flex flex-col-reverse gap-2 sm:flex-row sm:justify-end xl:flex-col">
                <a href="{{ route('admin.patients.show', $session->patient_profile_id) }}" class="btn-secondary text-center">Skip for now</a>
                <button type="submit" class="btn-primary">Complete warm handoff</button>
            </div>
        </aside>
    </form>
</div>
@endsection