@props(['examschedules','querystring','examscheduledat'])
<div class="p-3 bg-dark border text-light fw-bold fs-5 mb-2">
    <span class="fas fa-calendar"></span> 
    EXAMS TIMETABLE : <span class="text-danger">{{ $examscheduledat }}</span>
</div>
<x-nav-top :navobject="$examschedules" :pathfile="'/exam-schedules-4final'" :container="'#SchedulesContainer'" :querystring="$querystring" :viewtitle=true/>
<div class="table-responsive">
    <table class="table table-bordered table-condenced">
        <thead class="bg-dark text-light">
            <tr>
               <th>#</th>
               <th>Subject</th>
               <th>Unit</th>
               <th>Course</th>
               <th>Exam Date</th>
               <th></th>
            </tr>
        </thead>
        @forelse ($examschedules as $i=>$es)
            <tr class="esrow">
                <th>
                   {{ ++$i }}
                </th>
                <th>
                    {{ $es->subject->name }} 
                    <a href="{{ url('/subscribed-final?_id='.$es->examschedule_id) }}" target="_blank" class="text-info d-block text-decoration-underline"><span class="fas fa-eye"></span>
                    Final</a>
                </th>
                <th>
                    @if ($es->unit)
                        {{ $es->unit->name }}
                    @endif
                </th>
                <td>
                    {{ $es->course->name }}
                </td>
                <td class="fw-bold text-danger">
                    {{ $es->exam_scheduled_at }}
                </td>
            </tr>
            @empty
            <tr>
                <th colspan="8"><span class="fas fa-info-circle blink_me fs-4"></span> There is no exam for the selected date!</th>
            </tr>
        @endforelse
    </table>
</div>