@extends('layouts.app')

@section('content')


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


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

        <div class="date_panel">
            <p class="text-center"><span class="date_para">{{ simpleDate() }}</span></p>
        </div>

        <div class="col-md-12">

            @empty($local_date)
                <div class="card px-3 alert alert-danger">
                    <div class="card-body">
                        <div class="text-center">
                            <p class="my_header_1">Set Today's Local Date Before Continuing</p>
                            <br>
                        </div>

                        <form action="{{ route('saveDate') }}" method="post" name="saveDateForm">
                            @csrf
                            <div class="form-group row">
                                <label for="localDate" class="col-sm-2 col-form-label"><b>Set Local Date</b></label>
                                <div class="col-sm-4">
                                    <input type="text" name="localDate" id="localDate"
                                            class="form-control text-center"
                                            maxlength="10" minlength="10"
                                            placeholder="13/11/2016"
                                            autocomplete="off"
                                            oninput="validateLocalDate(this)" required>
                                    <br>
                                    <span id="date_msg_box"></span>
                                </div>
                                <div class="col-sm-2">
                                    <button type="submit" class="btn btn-warning">Save Date</button>
                                </div>
                            </div>
                        </form>
                        <br>
                        <p>Correct Date Format is <b>dd/mm/yyyy.</b></p>
                    </div>
                </div>
            @else
                <div class="card px-1">
                    <div class="card-body text-center">
                        <div class="text-center">
                            <p class="my_header_1">{{ colName(cId()) }}</p>
                            <p class="my_header_1 text-center">{{ freshmanDeptDame() }}</p>
                        </div>
                        <br>
                        @if (checkIncompleted())
                            <div class="alert alert-danger">
                                <p class="text-center my_header_2">
                                    <b>You Haven't Completed Last Day Class Monitoring.</b> <br>
                                    Please continue where you left off, before proceeding. Click to
                                    <a href="{{route('lastCheck')}}" class="btn btn-sm btn-primary">Continue</a> <br> <br>
									<b>Note:</b> JUST IGNORE, IF YOU FINDOUT THIS MESSAGE IS NOT USEFUL.
                                </p>
                            </div>
                        @endif
						
                        <div>
                            <p class="my_header_1">Today's Class Schedule</p>
                            <hr>
                            <p class="date_para align_left">Filter Schedules by Class Room</p>
                            <div class="row">
                                <div class="col-md-4">
                                    <input type="text" name="" id="" placeholder="Type here..."
                                            class="form-control" onkeyup="searchFilter(this.value)" autofocus>
                                </div>
                                <br>
                            </div>
                            <hr>

                            <table class="table table-striped">
                                <thead>
                                    <tr>
                                        <th>S/N</th>
                                        <th>Department</th>
                                        <th>Class Year</th>
                                        <th>Time</th>
                                        <th>Room</th>
                                        <th>Course</th>
                                        <th>Instructor</th>
                                        <th>Action</th>
                                        <th>Status</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @php
                                        $count =  1;
                                    @endphp
                                    @foreach ($all_schedules as $schedule)
                                        <tr>
                                            <td>{{ $count }}.</td>
                                            <td class="td_dept">{{ deptName($schedule->did, cId()) }}</td>
                                            <td>{{ $schedule->class_year }}</td>
                                            <td>{{ $schedule->time }}</td>
                                            <td class="td_room">{{ $schedule->room }}</td>
                                            <td>{{ $schedule->course_name }}</td>
                                            <td>{{ $schedule->instructor }}</td>
                                            @if ($message_forwarded)
                                                {{-- forwarded by me  --}}
                                                <td><button class="btn btn-sm btn-outline-success" disabled>Check</button></td>
                                                <td>Forwarded already</td>
                                            @else
                                                @php
                                                    $checked = checkedOrForwardedByOthers($schedule->did,
                                                                    $schedule->course_code, $schedule->class_year,
                                                                    $schedule->time, $schedule->instructor, $schedule->id,
                                                                    $schedule->room,
																	serverDate()
                                                                );
                                                @endphp

                                                @if ($checked == 3)
                                                    {{-- not monitored at all --}}
                                                    <td>
                                                        <a href="{{ route('monitorOneClass', [
                                                            'did' => $schedule->did,
                                                            'sch_id' => $schedule->id,
                                                            'checked' => 0
                                                            ]) }}"
                                                            class="btn btn-sm btn-primary">Check</a>
                                                    </td>
                                                    <td class="remark_verified">Not checked yet</td>
                                                @elseif ($checked == 2)
                                                    <td><button class="btn btn-sm btn-outline-success" disabled>Check</button></td>
                                                    <td>Checked by other expert</td>
                                                @else
                                                    {{-- checked by me, I may update it  --}}
                                                    <td>
                                                        <a href="{{ route('monitorOneClass', [
                                                            'did' => $schedule->did,
                                                            'sch_id' => $schedule->id,
                                                            'checked' => 1
                                                            ]) }}"
                                                            class="btn btn-sm btn-success">Update</a>
                                                    </td>
                                                    <td>Checked already</td>
                                                @endif
                                            @endif
                                        </tr>
                                        @php
                                            $count++;
                                        @endphp
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>

                    <br>
                    @if(session()->has('message'))
                        <div class="alert alert-info">
                            {{ session()->get('message') }}
                        </div>
                    @endif
                    <br>

                    @if ($count > 1)
                        <p><i><b>* Rechecking</b> before forwading will update class status</i></p>
                        <p><a href="{{ route('viewToday', ['no_of_schedule' => $count]) }}"
                            class="btn btn-sm btn-primary">View Today's Summary</a></p>
                    @else
                        <p class="alert alert-info tex-center">
                            No active schedule for now
                        </p>
                    @endif
                    <hr>
                    <p class="my_header_2 align_right">
                        Local Date: <b>{{ $local_date->local_date }}</b>
                        @if (!$message_forwarded)
                            <a href="{{ route('updateDate') }}" @style('text-decoration:none')>Update?</a>
                        @endif
                    </p>
                </div>
            @endif
        </div>
    </div>
    <p id="sttsp"></p>
</div>

<script>
    function validateLocalDate(input)
    {
        var val = input.value;
        if (val.length == 10)
        {
            $("#date_msg_box").html('Output:- ' +val+" E.C");
        }
    }


    function searchFilter(key)
    {
        var allSchedule = document.querySelectorAll('tr > td.td_room');
        allSchedule.forEach(element => {
            if (element.textContent.toLowerCase().includes(key.toLowerCase()))
            {
                element.parentNode.style.visibility = 'initial';
            }else{
                element.parentNode.style.visibility = 'collapse';
            }
        });
    }
</script>

@endsection