@extends('layouts.admin')

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

@section('content')
<div class="max-w-5xl space-y-6">
    <div class="flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between">
        <div>
            <h2 class="text-xl font-bold text-accent">Safety alerts</h2>
            <p class="mt-1 text-sm text-ink-secondary">Review safety screening alerts and acknowledge staff response.</p>
        </div>
        <a href="{{ route('admin.dashboard') }}" class="btn-secondary">Back to dashboard</a>
    </div>

    <div class="card overflow-hidden">
        <table class="table-shell">
            <thead>
                <tr>
                    <th class="px-4 py-3 text-left font-medium">Patient</th>
                    <th class="px-4 py-3 text-left font-medium">Triggered</th>
                    <th class="px-4 py-3 text-left font-medium">Status</th>
                    <th class="px-4 py-3 text-left font-medium">Care team</th>
                    <th class="px-4 py-3"></th>
                </tr>
            </thead>
            <tbody>
                @forelse ($alerts as $alert)
                    <tr>
                        <td class="px-4 py-3">
                            <a href="{{ route('admin.emergency-alerts.show', $alert) }}" class="font-semibold text-accent hover:underline">
                                {{ $alert->patientProfile?->user?->name ?? 'Patient' }}
                            </a>
                            <p class="text-xs text-ink-muted">{{ $alert->room_location ?? 'Location not reported' }}</p>
                        </td>
                        <td class="px-4 py-3 text-sm text-ink-secondary">
                            {{ $alert->triggered_at?->format('M j, Y g:ia') ?? '—' }}
                        </td>
                        <td class="px-4 py-3">
                            @if ($alert->acknowledged_at)
                                <span class="status-pill-good">Acknowledged</span>
                            @else
                                <span class="status-pill-critical">Active</span>
                            @endif
                        </td>
                        <td class="px-4 py-3 text-sm text-ink-secondary">
                            <p>PCP: {{ $alert->patientProfile?->pcp?->name ?? 'Unassigned' }}</p>
                            <p>BHCM: {{ $alert->patientProfile?->bhcm?->name ?? 'Unassigned' }}</p>
                        </td>
                        <td class="px-4 py-3 text-right">
                            <a href="{{ route('admin.emergency-alerts.show', $alert) }}" class="text-sm font-semibold text-accent-hover hover:underline">Review</a>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="5" class="px-4 py-8 text-center text-sm text-ink-muted">No safety alerts found.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
        <div class="border-t border-border-subtle px-4 py-3">{{ $alerts->links() }}</div>
    </div>
</div>
@endsection