@extends('layouts.app')
@section('title','Incidents')
@section('page-title','Incident Reports')
@section('content')
<div class="page-header d-flex justify-content-between align-items-center">
  <h5 class="mb-0"><i class="bi bi-exclamation-triangle me-2"></i>Incident Reports</h5>
  <a href="{{ route('incidents.create') }}" class="btn btn-danger btn-sm"><i class="bi bi-plus-lg me-1"></i>Report Incident</a>
</div>
<div class="card stat-card mb-3 p-2"><form class="row g-2" method="GET">
  <div class="col-md-2"><select name="severity" class="form-select form-select-sm"><option value="">All Severity</option><option {{ request('severity')==='critical'?'selected':'' }} value="critical">Critical</option><option {{ request('severity')==='high'?'selected':'' }} value="high">High</option><option {{ request('severity')==='medium'?'selected':'' }} value="medium">Medium</option><option {{ request('severity')==='low'?'selected':'' }} value="low">Low</option></select></div>
  <div class="col-md-2"><select name="status" class="form-select form-select-sm"><option value="">All Status</option><option {{ request('status')==='reported'?'selected':'' }} value="reported">Reported</option><option {{ request('status')==='investigating'?'selected':'' }} value="investigating">Investigating</option><option {{ request('status')==='resolved'?'selected':'' }} value="resolved">Resolved</option></select></div>
  <div class="col-md-2"><button class="btn btn-primary btn-sm">Filter</button></div>
</form></div>
<div class="card stat-card"><div class="table-responsive"><table class="table table-hover mb-0">
  <thead><tr><th>No</th><th>Date</th><th>Project</th><th>Type</th><th>Severity</th><th>Description</th><th>Status</th><th></th></tr></thead>
  <tbody>
    @forelse($incidents as $inc)
    <tr>
      <td class="small fw-semibold">{{ $inc->incident_number }}</td>
      <td class="small">{{ $inc->date->format('d/m/Y') }}</td>
      <td class="small">{{ $inc->project->name ?? '-' }}</td>
      <td class="small">{{ ucfirst(str_replace('_',' ',$inc->type)) }}</td>
      <td><span class="badge bg-{{ $inc->severity==='critical'?'danger':($inc->severity==='high'?'warning text-dark':($inc->severity==='medium'?'info':'secondary')) }}">{{ $inc->severity }}</span></td>
      <td class="small">{{ Str::limit($inc->description,50) }}</td>
      <td><span class="badge bg-{{ $inc->status==='resolved'||$inc->status==='closed'?'success':($inc->status==='investigating'?'info':'danger') }}">{{ $inc->status }}</span></td>
      <td><a href="{{ route('incidents.show',$inc) }}" class="btn btn-xs btn-outline-primary" style="font-size:.75rem;padding:.15rem .4rem"><i class="bi bi-eye"></i></a></td>
    </tr>
    @empty<tr><td colspan="8" class="text-center py-4 text-muted">No incidents reported.</td></tr>
    @endforelse
  </tbody>
</table></div><div class="card-footer bg-white">{{ $incidents->links() }}</div></div>
@endsection