@extends('layouts.list')

@section('title')
    Reports
@endsection

@section('list-title')
    Reports
@endsection

@section('list-navigation')
    <li>Reports</li>
@endsection


@section('list-table-header')
    <th scope="col">#</th>
    <th scope="col">Report Title</th>
@endsection

@section('list-table-body')
    @foreach ($reports as $report)
        <tr>
            <td>
                <p class="m-0 px-3">1</p>
            </td>
            <td class="Zindex g-2 row">
                <a class="text-decoration-none"
                    href="{{ route('assignmentReportCheck', $report->id) }}">
                    <p class="text-custome m-0 px-3">Report Title: {{ $report->report_title }}</p>
                    <p class="text-custome m-0 px-3">Report ID: {{ $report->id }}</p>
                    <p class="text-custome m-0 px-3">Submission ID: {{ $submission_id }}</p>
                </a>
            </td>
        </tr>
    @endforeach
@endsection

@section('list-table-inside-pagination')
    {{-- <div class="d-flex">
    {!! $reports->links() !!}
</div> --}}
@endsection

@section('list-pagination')
    {{-- {{ $reports->links() }} --}}
@endsection