@props(['examschedules'])
<div class="p-3 bg-dark border text-light fw-bold fs-5 mb-2">
    <span class="fas fa-calendar"></span> 
    EXAMS TIMETABLE
</div>
<x-nav-top :navobject="$examschedules" :pathfile="'/valids-exams-schedule'" :container="'#SchedulesContainer'" :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>
        @foreach ($examschedules as $i=>$es)
            <tr>
                <th>
                   {{ ++$i }}
                </th>
                <th>
                    {{ $es->subject->name }}
                    <a href="{{ url('/subscribed?_id='.$es->examschedule_id) }}" target="_blank" class="text-info d-block text-decoration-underline"><span class="fas fa-eye"></span>
                        Subscriptions</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>
                <td>
                    <div class="btn-group">
                        <button data-bs-toggle="modal" data-bs-target="#ExamScheduleEdit" onclick="$.fn.LoadData('/schedule-exam-edit/{{ $es->examschedule_id }}',$('#ExamScheduleEditContainer'), $(this).find('.notify'));" class="btn btn-primary btn-sm"><span class="fas fa-edit"></span>&nbsp;Edit <x-notify/></button>
                        <form action="/schedule-exam-delete/{{ $es->examschedule_id }}" method="POST" class="esdelete">
                            @csrf
                            @method('POST')
                        </form>
                        <button onclick="$.fn.DeleteData(event,form,'{{ url('/schedule-exam-delete/'.$es->examschedule_id) }}','','',$(this).find('.notify'),$(this).parents('tr.esrow'),'',false);" class="btn btn-danger btn-sm"><span class="fas fa-times-circle"></span>&nbsp; Cancel <x-notify/></button>
                    </div>
                    
                </td>
            </tr>
        @endforeach
    </table>
</div>