@extends('layouts.app')

@section('content')
    <div class="py-4">
        <div class="d-flex justify-content-between border-b border-bottom pb-4 mb-4">
            <h2 class="fs-5 fw-bold">Inspection Requests List</h2>
        </div>

        <div>
            @if (count($inspectionRequests))
                <div>


                    <table class="table">
                        <thead>
                            <tr>
                                <th>#ID</th>
                                <th>Application Category</th>
                                <th>SO Status</th>
                                <th>IOC Status</th>
                                <th>Actions</th>
                            </tr>
                        </thead>

                        <tbody>
                            @foreach ($inspectionRequests as $request)
                                <tr>
                                    <td>{{ $loop->iteration }}</td>
                                    <td>{{ $request->applicationCategory->name }}</td>
                                    <td class="text-capitalize">{{ $request->section_officer_status }}</td>
                                    <td class="text-capitalize">{{ $request->inspector_of_college_status }}</td>
                                    <td>
                                        <a class="btn btn-sm btn-primary"
                                            href="{{ route('inspection-requests.show', $request) }}">View Details</a>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>

                    {{ $inspectionRequests->links() }}
                </div>
            @else
                <p>No inspection requests.</p>
            @endif
        </div>
    </div>
@endsection