@extends('layouts.admin')

@section('title', 'Safety Alert')

@section('content')
<div class="max-w-4xl space-y-6">
    <div class="flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between">
        <div>
            <a href="{{ route('admin.emergency-alerts.index') }}" class="text-sm font-semibold text-accent-hover hover:underline">← All safety alerts</a>
            <h2 class="mt-2 text-xl font-bold text-accent">Safety alert review</h2>
            <p class="mt-1 text-sm text-ink-secondary">Confirm response details before acknowledging this alert.</p>
        </div>
        @if ($alert->acknowledged_at)
            <span class="status-pill-good">Acknowledged</span>
        @else
            <span class="status-pill-critical">Active</span>
        @endif
    </div>

    <section class="card p-5">
        <div class="grid gap-4 sm:grid-cols-2">
            <div>
                <p class="text-xs font-semibold uppercase tracking-wide text-ink-muted">Patient</p>
                @if ($alert->patientProfile)
                    <a href="{{ route('admin.patients.show', $alert->patientProfile) }}" class="mt-1 inline-flex text-lg font-bold text-accent hover:underline">
                        {{ $alert->patientProfile?->user?->name ?? 'Patient' }}
                    </a>
                @else
                    <p class="mt-1 text-lg font-bold text-accent">Patient</p>
                @endif
                <p class="mt-1 text-sm text-ink-secondary">{{ $alert->room_location ?? 'Location not reported' }}</p>
            </div>
            <div>
                <p class="text-xs font-semibold uppercase tracking-wide text-ink-muted">Triggered</p>
                <p class="mt-1 text-lg font-bold text-ink-primary">{{ $alert->triggered_at?->format('M j, Y g:ia') ?? '—' }}</p>
                <p class="mt-1 text-sm text-ink-secondary">{{ $alert->triggered_at?->diffForHumans() }}</p>
            </div>
        </div>
    </section>

    <section class="card p-5">
        <h3 class="text-sm font-semibold text-accent">Alert detail</h3>
        <div class="mt-4 grid gap-4">
            <div class="rounded-lg border border-status-critical/25 bg-status-critical/10 px-4 py-3">
                <p class="text-xs font-semibold uppercase tracking-wide text-status-critical">Question</p>
                <p class="mt-1 text-sm font-medium text-status-critical">{{ $alert->question_text ?? 'Question not captured' }}</p>
            </div>
            <div class="rounded-lg border border-border-subtle bg-surface-2 px-4 py-3">
                <p class="text-xs font-semibold uppercase tracking-wide text-ink-muted">Recorded answer</p>
                <p class="mt-1 text-sm font-medium text-ink-primary">{{ $alert->answer_value ?? 'Answer not captured' }}</p>
            </div>
            @if ($alert->assessmentResponse?->assessmentTemplate)
                <div class="rounded-lg border border-border-subtle bg-surface-2 px-4 py-3">
                    <p class="text-xs font-semibold uppercase tracking-wide text-ink-muted">Assessment</p>
                    <p class="mt-1 text-sm font-medium text-ink-primary">{{ $alert->assessmentResponse->assessmentTemplate->name }}</p>
                </div>
            @endif
        </div>
    </section>

    <section class="card p-5">
        <h3 class="text-sm font-semibold text-accent">Care team</h3>
        <div class="mt-4 grid gap-3 sm:grid-cols-2">
            <div class="rounded-lg border border-border-subtle bg-surface-2 px-4 py-3">
                <p class="text-xs font-semibold uppercase tracking-wide text-ink-muted">PCP</p>
                <p class="mt-1 text-sm font-medium text-ink-primary">{{ $alert->patientProfile?->pcp?->name ?? 'Unassigned' }}</p>
            </div>
            <div class="rounded-lg border border-border-subtle bg-surface-2 px-4 py-3">
                <p class="text-xs font-semibold uppercase tracking-wide text-ink-muted">BHCM</p>
                <p class="mt-1 text-sm font-medium text-ink-primary">{{ $alert->patientProfile?->bhcm?->name ?? 'Unassigned' }}</p>
            </div>
        </div>
    </section>

    <section class="card p-5">
        @if ($alert->acknowledged_at)
            <h3 class="text-sm font-semibold text-accent">Response recorded</h3>
            <p class="mt-2 text-sm text-ink-secondary">
                Acknowledged by {{ $alert->acknowledgedBy?->name ?? 'staff' }} on {{ $alert->acknowledged_at->format('M j, Y g:ia') }}.
            </p>
        @else
            <h3 class="text-sm font-semibold text-accent">Acknowledge response</h3>
            <p class="mt-2 text-sm text-ink-secondary">Use this after staff has responded according to clinic safety workflow.</p>
            <form method="POST" action="{{ route('admin.emergency-alerts.acknowledge', $alert) }}" class="mt-4">
                @csrf
                <button type="submit" class="btn-primary">Acknowledge alert</button>
            </form>
        @endif
    </section>
</div>
@endsection