@extends('layouts.app')
@section('title', 'Incidents')
@section('content')
<div class="bg-white rounded-xl border shadow-sm overflow-hidden">
    <table class="w-full"><thead class="bg-gray-50"><tr><th class="table-header">Incident #</th><th class="table-header">Date</th><th class="table-header">Type</th><th class="table-header">Severity</th><th class="table-header">Dept</th><th class="table-header">Description</th><th class="table-header">Status</th></tr></thead>
    <tbody>@foreach($incidents as $i)<tr class="border-b border-gray-50"><td class="table-cell font-mono text-xs">{{ $i->incident_number }}</td><td class="table-cell">{{ $i->date->format('d M') }}</td><td class="table-cell">{{ $i->type }}</td><td class="table-cell"><span class="badge {{ $i->severity==='high'?'badge-danger':($i->severity==='medium'?'badge-warning':'badge-info') }}">{{ ucfirst($i->severity) }}</span></td><td class="table-cell">{{ $i->department->name ?? '' }}</td><td class="table-cell text-xs">{{ Str::limit($i->description,50) }}</td><td class="table-cell capitalize">{{ $i->status }}</td></tr>@endforeach</tbody></table>
    <div class="px-4 py-3 border-t">{{ $incidents->links() }}</div>
</div>
@endsection