@extends('layouts.main')

@section('main-content')
    <div class="main-content-section light-box-shadow">
        <div class="row">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-content collapse show">
                        <div class="card-body">
                            <div class="col-md-12 mb-2">
                                {{ $changeRequests->links() }}
                            </div>
                            <table class="table table-bordered table-responsive">
                                <caption></caption>
                                <thead class="bg-custom-green text-white">
                                <tr>
                                    <th scope="col">S/N</th>
                                    <th scope="col">Request Type</th>
                                    <th scope="col">Submitted By</th>
                                    <th scope="col">Created At</th>
                                    <th scope="col">Status</th>
                                    <th scope="col">Actions</th>
                                </tr>
                                </thead>
                                <tbody>
                                @forelse($changeRequests as $changeRequest)
                                    <tr>
                                        <td>{{ $loop->iteration }}</td>
                                        <td>{{ $changeRequest->change_request_type->display_name }}</td>
                                        <td>{{ $changeRequest->createdBy->FullName }}</td>
                                        <td>{{ $changeRequest->created_at }}</td>
                                        <td>{{ $changeRequest->change_request_status->display_name }}</td>
                                        <td>
                                            <a href="{{ route('change_request.view', compact('changeRequest')) }}" class="btn btn-primary">View Details</a>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="6" class="text-center">No change request found</td>
                                    </tr>
                                @endforelse
                                </tbody>
                            </table>
                            <div class="col-md-12">
                                {{ $changeRequests->links() }}
                            </div>

                        </div>
                    </div>
                </div>
            </div><!-- .nk-block -->
        </div>

    </div>
@endsection