@extends('layouts.admin')

@section('content')
<!--App-Content-->
<div class="app-content my-3 my-md-5">
    <div class="side-app">
        <x-page.header>Dashboard | Classes</x-page.header>
        <div class="card mb-6">
            <div class="card-body">
                <div class=" row p-7 shadow rounded bg-light">
                    {{-- <div class="col-sm-4 my-3">
                        <form action="{{route('admin')}}">
                            <button type="submit" class="btn {{!request()->meetings_sec && !request()->courses ? 'shadow-lg btn-white disabled text-primary fw-bold':'btn-primary'}} w-100">
                                Statistics
                            </button>
                        </form>
                    </div> --}}
                    <div  class="col-sm-6 my-3">
                        <form action="{{route('admin',['classes_sec=1'])}}">
                            <input type="hidden" name="classes_sec" value="1">
                            <button type="submit" class="btn {{request()->classes_sec || !request()->courses ?'shadow-lg btn-white disabled text-primary fw-bold':'btn-primary'}} w-100">
                                Classes
                            </button>
                        </form>
                    </div>
                    <div  class="col-sm-6 my-3">
                        <form action="{{route('admin',['courses=1'])}}">
                            <input type="hidden" name="courses" value="1">
                            <button type="submit" class="btn {{request()->courses ? 'shadow-lg btn-white disabled text-primary fw-bold':'btn-primary'}} w-100">Courses</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>


        <div class="row">
            {{-- Meetings --}}
            <h4 class="page-title py-5">Classes list</h4>
            <div class="row mb-3 p-6">
                <div class="col-sm-4 my-3">
                    <form action="{{route('admin.home.meetings')}}">
                        <input type="hidden" name="classes" value="yesterday_classes">
                        <input type="hidden" name="classes_sec" value="1">
                        <button type="submit" class="btn {{request()->classes=='yesterday_classes'?'btn-white disabled text-primary font-weight-bold':'btn-primary'}} w-100">
                            Yesterday Classes
                        </button>
                    </form>
                </div>
                <div  class="col-sm-4 my-3">
                    <form action="{{route('admin.home.meetings')}}">
                        <input type="hidden" name="classes_sec" value="1">
                        <input type="hidden" name="classes" value="today_classes">
                        <button type="submit" class="btn {{!request()->classes || request()->classes=='today_classes'?'btn-white disabled text-primary font-weight-bold':'btn-primary'}} w-100">
                            Today Classes
                        </button>
                    </form>
                </div>
                <div  class="col-sm-4 my-3">
                    <form action="{{route('admin.home.meetings')}}">
                        <input type="hidden" name="classes_sec" value="1">
                        <input type="hidden" name="classes" value="tommorow_classes">
                        <button type="submit" class="btn {{request()->classes=='tommorow_classes'? 'btn-white disabled text-primary font-weight-bold':'btn-primary'}} w-100">Tomorrow  Classes</button>
                    </form>
                </div>
            </div>
            <div class="border-0 p-5 bg-white" id="classes">
                @if (request()->classes=='yesterday_classes')
                {{-- Yesterday Meetings --}}
                <div class="" id="tab-yesterday">
                    <div class="table-responsive">
                        <table class="data-table-example table table-striped table-bordered table-vcenter text-nowrap">
                            <thead>
                                <tr class="text-center">
                                    {{-- <th>Number</th> --}}
                                    <th>Course</th>
                                    <th>Level</th>
                                    {{-- <th>Status</th> --}}
                                    <th>Date/Time</th>
                                    <th>Room</th>
                                    <th>Group</th>
                                </tr>
                            </thead>
                            <tbody>
                            @foreach ($yesterday_meetings as $meeting)
                                <tr class="text-center">
                                    {{-- <td>{{$meeting->mnumber}}</td> --}}
                                    <td>
                                        @if ($meeting->has_label)
                                        <span class="badge badge-success">{{ $meeting->label }}</span>
                                        @endif
                                        {{$meeting->mtopic}}
                                    </td>
                                    <td><span class="badge badge-success">{{$meeting->lname}}</span></td>
                                    {{-- <td>
                                        {{$meeting->mstatus}}<br>
                                        @if ($meeting->is_adjusted)
                                        <span class="badge badge-primary">adjusted</span>
                                        @endif
                                        <span class="badge badge-success">{{$meeting->is_extra ? 'Extra meeting':''}}</span>
                                        @if($meeting->is_extra == 0)
                                            <span class="badge badge-danger">{{$meeting->is_deleted ? 'Deactivated':''}}</span>
                                        @endif
                                    </td> --}}
                                    <td>
                                        <i class="fa fa-calendar"></i>
                                        {{ $meeting->mstartdate . ' / '}}
                                        <i class="fa fa-clock-o"></i>
                                        {{date('h:i A', strtotime($meeting->mstarttime))}}
                                    </td>
                                    <td>{{ $meeting->classname }}</td>
                                    <td>{{ $meeting->group_name }}</td>
                                </tr>

                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
                @endif
                @if (!request()->classes||request()->classes=='today_classes')
                {{-- Today Meetings --}}
                <div class="" id="tab-today">
                    <div class="table-responsive">
                        <table class="data-table-example table table-striped table-bordered table-vcenter text-nowrap">
                            <thead>
                                <tr class="text-center">
                                    <th>#</th>
                                    {{-- <th>Number</th> --}}
                                    {{-- <th>Password</th> --}}
                                    {{-- <th>join</th> --}}
                                    <th>Course</th>
                                    <th>Attendance</th>
                                    <th>level</th>
                                    {{-- <th>Status</th> --}}
                                    <th>Date/Time</th>
                                    <th>Room</th>
                                    <th>Group</th>
                                    <th>Cancel Class</th>
                                    {{-- <th>Share Meeting URL</th> --}}
                                </tr>
                            </thead>
                            <tbody>
                            @foreach ($today_meetings as $key=>$meeting)
                                <tr class="text-center">
                                    <td>{{ ++$key }}</td>
                                    {{-- <td>
                                        <p>{{$meeting->mnumber}}</p>
                                        @if ($meeting->is_extra)
                                            @if (in_array($meeting->is_extra_id,$today_meetings
                                                ->where('mid','!=',$meeting->mid)
                                                ->where('is_extra_id',$meeting->is_extra_id)
                                                ->pluck('is_extra_id')->toArray()))
                                                <div class="badge badge-info">
                                                    merged
                                                </div>
                                            @endif
                                        @endif
                                    </td> --}}
                                    {{-- <td>{{$meeting->mpassword}}</td> --}}
                                    {{-- <td>
                                        @php
                                        $found = 0;
                                        @endphp
                                        @if (now()->format('H:i:s') < date('H:i:s', strtotime('+' . $meeting->mduration + 30 . ' minutes', strtotime($meeting->mstarttime))) && now()->format('H:i:s') > date('H:i:s', strtotime($meeting->mstarttime) - 900) && $meeting->mstartdate === now()->format('Y-m-d'))
                                            @php
                                                $found = 1;

                                            @endphp
                                        @endif
                                        @if ($found && $meeting->mstatus!='Canceled')
                                        <a href="{{route('admin.joinlesson',$meeting->mid)}}" class="btn btn-outline-success btn-sm waves-effect waves-light">Join Lesson</a>
                                        @else
                                        <a style="pointer-events: none;" href="#" class="btn btn-outline-light btn-sm waves-effect waves-light">Join Lesson</a>
                                        @endif
                                    </td> --}}
                                    <td>
                                        @if ($meeting->has_label)
                                        <span class="badge badge-success">{{ $meeting->label }}</span>
                                        @endif
                                        {{$meeting->mtopic}}
                                    </td>
                                    <td><a href="{{route('admin.attendance.record',['course'=>$meeting->coffid,'group'=>$meeting->gid,'date'=>[$meeting->mid]])}}" class="btn btn-outline-light btn-sm waves-effect waves-light">Record attendance</a></td>

                                    <td><span class="badge badge-success">{{$meeting->lname}}</span></td>
                                    {{-- <td>
                                        {{$meeting->mstatus}}<br>
                                        @if ($meeting->is_adjusted)
                                        <span class="badge badge-primary">adjusted</span>
                                        @endif
                                        <span class="badge badge-success">{{$meeting->is_extra ? 'Extra meeting':''}}</span>
                                        @if($meeting->is_extra == 0)
                                            <span class="badge badge-danger">{{$meeting->is_deleted ? 'Deactivated':''}}</span>
                                        @endif
                                    </td> --}}
                                    <td>
                                        <i class="fa fa-calendar"></i>
                                        {{ $meeting->mstartdate . ' / '}}
                                        <i class="fa fa-clock-o"></i>
                                        {{date('h:i A', strtotime($meeting->mstarttime))}}
                                    </td>
                                    <td>{{ $meeting->classname }}</td>
                                    <td>{{ $meeting->group_name }}</td>
                                    <td style="text-align: center;">
                                        @if ($meeting->mstatus == 'Canceled')
                                            <span class="badge badge-{{ $meeting->is_adjusted ? 'primary':'danger' }}">{{ $meeting->is_adjusted ? 'Adjusted':'Canceled' }}</span>
                                            @if ($meeting->is_adjusted)
                                            <p class="pt-1">
                                                <i class="fa fa-calendar"></i>
                                                {{ date('Y-m-d', strtotime($meeting->adjustment_date)) . ' / '}}
                                                <i class="fa fa-clock-o"></i>
                                                {{date('h:i A', strtotime($meeting->adjustment_date))}}
                                            </p>
                                            @endif
                                        @else
                                        <div class="d-flex justify-content-center">
                                            {{-- cancel meeting --}}
                                            <a href="javascript:void(0)" onClick="confirmCancel(event,{{$meeting->mid}})" class="me-1 btn btn-outline-danger btn-sm waves-effect waves-danger"
                                                data-bs-toggle="tooltip" data-bs-original-title="Cancel"
                                                >
                                                cancel
                                                <form method="POST" action="{{ route('meetings-cancel', $meeting->mid) }}" id="cancel-form-{{$meeting->mid}}">
                                                    @csrf
                                                    <input name="_method" type="hidden" value="POST">
                                                </form>
                                            </a>

                                            {{-- adjust meeting --}}
                                            {{-- <div data-bs-toggle="tooltip" data-bs-original-title="Adjust">
                                                <a href="javascript:void(0)"  class="modal-effect adjust-btn btn btn-outline-primary btn-sm waves-effect waves-primary"
                                                data-bs-effect="effect-sign" data-bs-toggle="modal"
                                                data-bs-target="#adjust_meeting_modal"
                                                data-mid="{{ $meeting->mid }}">
                                                    Adjust
                                                </a>
                                            </div> --}}
                                        </div>
                                        @endif

                                    </td>
                                    {{-- <td>
                                        @if ($meeting->shareable_url != "")
                                        <div>
                                            <div class="d-flex">
                                                <input type="text" readonly id="link_{{$meeting->mid}}" class="form-control" value="{{$meeting->shareable_url}}">
                                                <a href="javascript:void(0)">
                                                    <i class="fa fa-save fs-16 ms-2 mt-2 text-success" data-bs-toggle="tooltip"
                                                    data-bs-original-title="Copy Link"
                                                    onclick="copyLinkToClipBoard({{$meeting->mid}})"></i>
                                                </a>
                                            </div>
                                            <div class="d-flex mt-1">
                                                <input type="text" readonly id="password_{{$meeting->mid}}" class="form-control" value="{{ $meeting->shareable_password }}">
                                                <a href="javascript:void(0)">
                                                    <i class="fa fa-save fs-16 ms-2 mt-2 text-success" data-bs-toggle="tooltip"
                                                    data-bs-original-title="Copy Password"
                                                    onclick="copyPasswordToClipBoard({{$meeting->mid}})"></i>
                                                </a>
                                                <a href="{{route('staff.shareable-password.update',$meeting->mid)}}" data-bs-toggle="tooltip"
                                                    data-bs-original-title="Edit Password">
                                                    <i class="fa fa-pencil-square-o fs-16 ms-2 mt-2 text-primary"></i>
                                                </a>
                                            </div>
                                        </div>
                                        @else
                                        <form method="POST"
                                            action="{{ route('staff.shareable-url.generate') }}">
                                            @csrf
                                            <div>
                                                <div class="d-flex">
                                                    <input type="hidden"
                                                        value="{{ $meeting->mid }}"
                                                        name="mid" />

                                                    <input type="password" class="form-control"
                                                        placeholder="password" name="password"
                                                        required />

                                                    <button type="submit"
                                                        class="btn"
                                                        data-bs-toggle="tooltip"
                                                        data-bs-original-title="Generate Password"
                                                        >
                                                        <i class="fa fa-send-o fs-16 ms-1 text-danger"></i>
                                                    </button>
                                                </div>
                                            </div>
                                        </form>
                                        @endif
                                    </td> --}}
                                </tr>

                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
                @endif
                @if (request()->classes=='tommorow_classes')
                {{-- Tommorow Meeting --}}
                <div class="" id="tab-tommorow">
                    <div class="table-responsive">
                        <table class="data-table-example table table-striped table-bordered table-vcenter text-nowrap">
                            <thead>
                                <tr class="text-center">
                                    {{-- <th>Number</th> --}}
                                    <th>Course</th>
                                    <th>Level</th>
                                    {{-- <th>Status</th> --}}
                                    <th>Date/Time</th>
                                    <th>Room</th>
                                    <th>Group</th>
                                    <th>Cancel Class</th>
                                    {{-- <th>Share Meeting URL</th> --}}
                                </tr>
                            </thead>
                            <tbody>
                            @foreach ($tommorow_meetings as $meeting)
                                <tr class="text-center">
                                    {{-- <td>{{$meeting->mnumber}}</td> --}}
                                    <td>
                                        @if ($meeting->has_label)
                                        <span class="badge badge-success">{{ $meeting->label }}</span>
                                        @endif
                                        {{$meeting->mtopic}}
                                    </td>
                                    <td><span class="badge badge-success">{{$meeting->lname}}</span></td>
                                    {{-- <td>
                                        {{$meeting->mstatus}}<br>
                                        @if ($meeting->is_adjusted)
                                        <span class="badge badge-primary">adjusted</span>
                                        @endif
                                        <span class="badge badge-success">{{$meeting->is_extra ? 'Extra meeting':''}}</span>
                                        @if($meeting->is_extra == 0)
                                            <span class="badge badge-danger">{{$meeting->is_deleted ? 'Deactivated':''}}</span>
                                        @endif
                                    </td> --}}
                                    <td>
                                        <i class="fa fa-calendar"></i>
                                        {{ $meeting->mstartdate . ' / '}}
                                        <i class="fa fa-clock-o"></i>
                                        {{date('h:i A', strtotime($meeting->mstarttime))}}
                                        </td>
                                        <td>{{ $meeting->classname }}</td>
                                        <td>{{ $meeting->group_name }}</td>
                                        <td style="text-align: center;">
                                            @if ($meeting->mstatus == 'Canceled')
                                                <span class="badge badge-{{ $meeting->is_adjusted ? 'primary':'danger' }}">{{ $meeting->is_adjusted ? 'Adjusted':'Canceled' }}</span>
                                                @if ($meeting->is_adjusted)
                                                <p class="pt-1">
                                                    <i class="fa fa-calendar"></i>
                                                    {{ date('Y-m-d', strtotime($meeting->adjustment_date)) . ' / '}}
                                                    <i class="fa fa-clock-o"></i>
                                                    {{date('h:i A', strtotime($meeting->adjustment_date))}}
                                                </p>
                                                @endif
                                            @else
                                            <div class="d-flex justify-content-center">
                                                {{-- cancel meeting --}}
                                                <a href="javascript:void(0)" onClick="confirmCancel(event,{{$meeting->mid}})" class="me-1 btn btn-outline-danger btn-sm waves-effect waves-danger"
                                                    data-bs-toggle="tooltip" data-bs-original-title="Cancel"
                                                    >
                                                    cancel
                                                    <form method="POST" action="{{ route('meetings-cancel', $meeting->mid) }}" id="cancel-form-{{$meeting->mid}}">
                                                        @csrf
                                                        <input name="_method" type="hidden" value="POST">
                                                    </form>
                                                </a>

                                                {{-- adjust meeting --}}
                                                {{-- <div data-bs-toggle="tooltip" data-bs-original-title="Adjust">
                                                    <a href="javascript:void(0)"  class="modal-effect adjust-btn btn btn-outline-primary btn-sm waves-effect waves-primary"
                                                    data-bs-effect="effect-sign" data-bs-toggle="modal"
                                                    data-bs-target="#adjust_meeting_modal"
                                                    data-mid="{{ $meeting->mid }}">
                                                        Adjust
                                                    </a>
                                                </div> --}}
                                            </div>
                                            @endif
                                        </td>
                                        {{-- <td>
                                            <div class="row">

                                            @if ($meeting->shareable_url != "")
                                            <div>
                                                <div class="d-flex">
                                                    <input type="text" readonly id="link_{{$meeting->mid}}" class="form-control" value="{{$meeting->shareable_url}}">
                                                    <a href="javascript:void(0)">
                                                        <i class="fa fa-save fs-16 ms-2 mt-2 text-success" data-bs-toggle="tooltip"
                                                        data-bs-original-title="Copy Link"
                                                        onclick="copyLinkToClipBoard({{$meeting->mid}})"></i>
                                                    </a>
                                                </div>
                                                <div class="d-flex mt-1">
                                                    <input type="text" readonly id="password_{{$meeting->mid}}" class="form-control" value="{{ $meeting->shareable_password }}">
                                                    <a href="javascript:void(0)">
                                                        <i class="fa fa-save fs-16 ms-2 mt-2 text-success" data-bs-toggle="tooltip"
                                                        data-bs-original-title="Copy Password"
                                                        onclick="copyPasswordToClipBoard({{$meeting->mid}})"></i>
                                                    </a>
                                                    <a href="{{route('staff.shareable-password.update',$meeting->mid)}}" data-bs-toggle="tooltip"
                                                        data-bs-original-title="Edit Password">
                                                        <i class="fa fa-pencil-square-o fs-16 ms-2 mt-2 text-primary"></i>
                                                    </a>
                                                </div>
                                            </div>
                                            @else
                                            <form method="POST"
                                                action="{{ route('staff.shareable-url.generate') }}">
                                                @csrf
                                                <div>
                                                    <div class="d-flex">
                                                        <input type="hidden"
                                                            value="{{ $meeting->mid }}"
                                                            name="mid" />

                                                        <input type="password" class="form-control"
                                                            placeholder="password" name="password"
                                                            required />

                                                        <button type="submit"
                                                            class="btn"
                                                            data-bs-toggle="tooltip"
                                                            data-bs-original-title="Generate Password"
                                                            >
                                                            <i class="fa fa-send-o fs-16 ms-1 text-danger"></i>
                                                        </button>
                                                    </div>
                                                </div>
                                            </form>
                                            @endif

                                            </div>
                                        </td> --}}
                                </tr>

                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
                @endif
            </div>
        </div>
    </div>
</div>

<div class="modal fade effect-sign show" id="adjust_meeting_modal" tabdocumentation="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="example-Modal3">Adjust Class</h5>
                <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form method="POST" action="" enctype="multipart/form-data" id="adjust_meeting_form">
                    @csrf
                    <div class="form-group ">
                        <div class="row">
                            <div class="col-md-6">
                                <label class="form-label mt-2" for="date">Adjusted to <i
                                        class="text-danger">(required)</i></label>
                            </div>
                            <div class="col-md-6">
                                <input type="datetime-local" name="adjustment_date" class="form-control" id="date"
                                    required>
                            </div>
                        </div>
                    </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                <button type="submit" id="submit" class="btn btn-primary" value="">Adjust</button>
            </div>
            </form>
        </div>
    </div>
</div>

@endsection
@section('admin-js')

<script>
    // Get Record data using it's id
    jQuery('body').on('click', '.edit', function () {
        var meeting_id = $(this).val();
        $.get('staff/meetings/edit/getMeeting/' + meeting_id, function (data) {
            jQuery('#meeting_title').val(data.mtitle)
            jQuery('#meeting_topic').val(data.mtopic)
            jQuery('#meeting_desc').val(data.mdesc)
            jQuery('#meeting_start_date').val(data.mstartdate)
            jQuery('#meeting_start_time').val(data.mstarttime)
            jQuery('#meeting_duration').val(data.mduration)
            jQuery('#meeting_form_update').attr('action','{{URL::to("/staff/meetings")}}' + '/' + meeting_id)
        })
    });

    function confirmCancel(e, id){ //on add input button click
        e.preventDefault();
        Swal.fire({
                title: "Are you sure?",
                icon: "warning",
                showCancelButton: true,
                confirmButtonText: "Yes, Cancel the Class!"
            }).then(function(result) {
                if (result.value) {
                    document.getElementById(`cancel-form-${id}`).submit();
                }
            });
    }

    // adjust meeting
    jQuery('body').on('click', '.adjust-btn', function () {
        var meeting_id = $(this).attr('data-mid');
        var url="{{route('admin.adjustMeeting',[":meeting_id"])}}"
			url=url.replace(':meeting_id',meeting_id)
			jQuery('#adjust_meeting_form').attr('action',url)
    });
</script>

@endsection