@extends('layouts.head_office_app')
@section('title', 'Transferred Cases')

@section('content')
<div class="container mt-4">
    <h3 class="text-center">Transferred Cases</h3>

    @if(count($cases))
    <table class="table table-bordered mt-3">
        <thead>
            <tr>
                <th>Case ID</th>
                <th>Created At</th>
                <th>Status</th>
                <th>Type</th>
                <th>Location</th>
                <th>Reporter</th>
            </tr>
        </thead>
        <tbody>
            @foreach($cases as $case)
            <tr>
                <td>{{ $case->id }}</td>
                <td>{{ $case->created_at->format('d M Y h:i A') }}</td>
                <td><span class="badge bg-info">{{ $case->status }}</span></td>
                <td>{{ $case->incident_type }}</td>
                <td>{{ $case->location_name }}</td>
                <td>{{ $case->reported_by }}</td>
            </tr>
            @endforeach
        </tbody>
    </table>
    @else
    <p class="text-center text-danger">No cases found for this link.</p>
    @endif
</div>
@endsection