@extends('layouts.app')

@section('content')

@push('meta')
    <meta http-equiv="refresh" content="5">
@endpush

<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-10">

            <div class="card px-3">
                <div class="card-body">
                    <span class="align_right">
                        <button class="btn btn-sm btn-primary" onclick="window.history.back();">< Back</button>
                    </span>

                    <div class="text-center">
                        <p class="my_header_1">Daily Class Monitoring Format</p>
                        <p class="my_header_1">{{ freshmanDeptDame() }}</p>
                    </div>
                    <br>
                    <div>
                        <table class="table table-bordered">
                            <thead>
                                <tr>
                                    <th>S/N</th>
                                    <th>Class Year</th>
                                    <th>Time</th>
                                    <th>Room</th>
                                    <th>Course</th>
                                    <th>Instructor</th>
                                    <th>Status</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php
                                    $count =  1;
                                @endphp

                                @foreach ($daily_summary as $daily)
                                    <tr>
                                        <td>{{ $count }}</td>
                                        <td>{{ $daily->class_year }}</td>
                                        <td>{{ $daily->time }}</td>
                                        <td>{{ $daily->room }}</td>
                                        <td>{{ $daily->course_name }}</td>
                                        <td>{{ $daily->instructor }}</td>
                                        @if ($daily->status)
                                            <td class="remark_conducted">Conducted</td>
                                        @else
                                            <td class="remark_verified">Not Conducted</td>
                                        @endif
                                    </tr>
                                    @php
                                        $count++;
                                    @endphp
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    <br>

                    @if ($count > 1)
                        {{-- there is uncheck class  --}}

                        @if ($count < $no_of_schedule)
                            <p class="alert alert-info text-center my_header_1">
                                {{ $no_of_schedule - $count }}
                                Classe(s) was/were left unchecked.
                            </p>
                            {{-- number of expert --}}
                            @if ($experts > 1)
                                <p class="text-center" @style('color:red')>
                                    This number shall be reported to AAQAD,
                                    in case <b>the other expert </b> failed to check or jumped the schedule.
                                </p>
                                <a class="btn btn-sm btn-primary" href="{{ route('expertToday') }}">
                                    {{ __('Forwarding Page') }}</a>
                            @endif
                        @else
                            <a class="btn btn-sm btn-primary" href="{{ route('expertToday') }}">
                                {{ __('Forwarding Page') }}</a>
                        @endif
                    @else
                        <p class="alert alert-info text-center">No Schedule Checked</p>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
@endsection