@extends('layouts.app')
@section('title','Incident Detail')
@section('page-title','Incident Detail')
@section('content')
<div class="d-flex justify-content-between mb-3">
  <a href="{{ route('incidents.index') }}" class="btn btn-sm btn-outline-secondary"><i class="bi bi-arrow-left"></i> Back</a>
</div>
<div class="card stat-card p-4" style="max-width:750px">
  <div class="d-flex justify-content-between mb-3">
    <h6 class="fw-bold">{{ $incident->incident_number }}</h6>
    <span class="badge bg-{{ $incident->severity==='critical'?'danger':($incident->severity==='high'?'warning text-dark':'info') }}">{{ strtoupper($incident->severity) }}</span>
  </div>
  <dl class="row small">
    <dt class="col-4 text-muted">Date/Time</dt><dd class="col-8">{{ $incident->date->format('d M Y') }} {{ $incident->time }}</dd>
    <dt class="col-4 text-muted">Project</dt><dd class="col-8">{{ $incident->project->name ?? '-' }}</dd>
    <dt class="col-4 text-muted">Type</dt><dd class="col-8">{{ ucfirst(str_replace('_',' ',$incident->type)) }}</dd>
    <dt class="col-4 text-muted">Status</dt><dd class="col-8"><span class="badge bg-{{ $incident->status==='resolved'?'success':'warning text-dark' }}">{{ $incident->status }}</span></dd>
    <dt class="col-4 text-muted">Description</dt><dd class="col-8">{{ $incident->description }}</dd>
    <dt class="col-4 text-muted">Persons Involved</dt><dd class="col-8">{{ $incident->persons_involved ?? '-' }}</dd>
    <dt class="col-4 text-muted">Witnesses</dt><dd class="col-8">{{ $incident->witnesses ?? '-' }}</dd>
    <dt class="col-4 text-muted">Immediate Action</dt><dd class="col-8">{{ $incident->immediate_action ?? '-' }}</dd>
    <dt class="col-4 text-muted">Corrective Action</dt><dd class="col-8">{{ $incident->corrective_action ?? '-' }}</dd>
  </dl>
  @if($incident->status !== 'closed')
  <form method="POST" action="{{ route('incidents.update',$incident) }}" class="mt-3 border-top pt-3">@csrf @method('PUT')
    <div class="row g-2">
      <div class="col-md-4"><select name="status" class="form-select form-select-sm"><option {{ $incident->status==='reported'?'selected':'' }} value="reported">Reported</option><option {{ $incident->status==='investigating'?'selected':'' }} value="investigating">Investigating</option><option {{ $incident->status==='resolved'?'selected':'' }} value="resolved">Resolved</option><option value="closed">Closed</option></select></div>
      <div class="col-md-6"><input name="corrective_action" class="form-control form-control-sm" placeholder="Update corrective action..." value="{{ $incident->corrective_action }}"></div>
      <div class="col-md-2"><button class="btn btn-primary btn-sm">Update</button></div>
    </div>
  </form>
  @endif
</div>
@endsection