@extends('layouts.student')

@section('content')
    @include('admin.errors.form-errors')

    {{-- <div class="side-app">
        <div class="page-header">
            <h4 class="page-title">Recordings</h4>
        </div>
        <div class="row">
            <div class="app-content my-3 my-md-5">
                {{-- <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">Search
                        </h3>
                    </div>
                    <div class="card-body col-md-9">
                        <form method="GET" action="{{ url('student/recordfillter') }}" class="form-horizontal">
                            <div class="form-group ">
                                <div class="row">
                                    <div class="col-md-3">
                                        <label class="form-label mt-2">Academic Year Session <i
                                                class="text-danger"></i></label>
                                    </div>
                                    <div class="col-md-9">
                                        <select name="acysid" id="acysid" class="form-control select2-show-search"
                                            required>
                                            @foreach ($academicYearSessions as $id => $item)
                                                <option value="{{ $id }}">{{ $item }}</option>
                                            @endforeach

                                        </select>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-3">
                                        <label class="form-label mt-2">Course <i class="text-danger"></i></label>
                                    </div>
                                    <div class="col-md-9">
                                        <select name="cname" id="cname" class="form-control select2-show-search"
                                            required>
                                            @foreach ($coursesSearch as $item)
                                                <option value="{{ $item->cname }}">{{ $item->cname }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group mb-0 row justify-content-end">
                                <div class="col-md-3">
                                    <button type="submit" class="btn btn-primary waves-effect waves-light">Search</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div> --}}
    {{-- </div>
        </div>
    </div> --}}

    <div class="app-content my-3 my-md-5">
        <div class="side-app">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Search
                    </h3>
                </div>
                <div class="card-body col-md-9">
                    <form method="GET" action="{{ url('student/recordfillter') }}" class="form-horizontal">
                        <div class="form-group ">
                            <div class="row">
                                {{-- <div class="col-md-3">
                                    <label class="form-label mt-2">Academic Year Session <i class="text-danger"></i></label>
                                </div>
                                <div class="col-md-9">
                                    <select name="acysid" id="acysid" class="form-control select2-show-search" required>
                                        @foreach ($academicYearSessions as $id => $item)
                                            <option value="{{ $id }}">{{ $item }}</option>
                                        @endforeach

                                    </select>
                                </div> --}}
                                <div class="col-md-4">
                                    <label class=" mt-3 mb-sm-1"> Session: </label>
                                    <select class="form-control select2-show-search" id="session" name="acysid">
                                        <option value="" disabled selected>Select</option>
                                        @foreach ($academicYearSessions as $session)
                                            <option value="{{ $session->acysid }}">
                                                {{ $session->acyname }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-8">
                                    <label class=" mt-3 mb-sm-1"> Course Name: </label>
                                    <select class="form-control select2-show-search" id="course" name="course" required>

                                    </select>
                                </div>
                            </div>
                            {{-- <div class="row">
                                <div class="col-md-3">
                                    <label class="form-label mt-2">Course <i class="text-danger"></i></label>
                                </div>
                                <div class="col-md-9">
                                    <select name="cname" id="cname" class="form-control select2-show-search" required>
                                        @foreach ($coursesSearch as $item)
                                            <option value="{{ $item->cname }}">{{ $item->cname }} -
                                                {{ $item->lshort_name }} - {{ $item->ttname }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div> --}}
                        </div>
                        <div class="form-group mb-0 row justify-content-end">
                            <div class="col-md-3">
                                <button type="submit" class="btn btn-primary waves-effect waves-light">Search</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            @for ($i = 0; $i < $count; $i++)
                <div class="page-header">
                    <h4 class="page-title">{{ $courses[$i]->has_label ? '( ' . $courses[$i]->label . ' )' : '' }}
                        {{ $courses[$i]->cname }}
                        ({{ $courses[$i]->lshort_name }})
                        {{ $courses[$i]->ttname }}</h4>
                </div>
                <div class="row">

                    <!--Group Schedule-->
                    <div class="row">
                        <div class="col-xl-12 col-lg-12 col-md-12">
                            <div class="border-0 mb-5 course-details">
                                <div class="wideget-user-tab wideget-user-tab3">
                                    <div class="tab-menu-heading">
                                        <div class="tabs-menu1">
                                            <ul class="nav">
                                                {{-- <li><a href="#tab-recordings" data-bs-toggle="tab" class="">@lang('student.course-page.recodings')</a></li> --}}
                                                <li><a href="#tab-recordings-{{ $i }}" data-bs-toggle="tab"
                                                        class="active">@lang('student.course-page.recodings')</a></li>
                                                <li><a href="#tab-extra-{{ $i }}" data-bs-toggle="tab"
                                                        class="">@lang('student.course-page.extra')</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-content border-0 p-5 bg-white details-tab-content">

                                    {{-- Group Recordings --}}
                                    <div class="tab-pane active" id="tab-recordings-{{ $i }}">
                                        @if ($userFavourits[$i]->count() > 0)
                                            <div class="table-responsive">
                                                <table
                                                    class="data-table-example table table-striped table-bordered table-vcenter">
                                                    <thead>
                                                        <tr class="text-center">
                                                            <th style="text-align: center;">@lang('student.table.group')</th>
                                                            {{-- <th style="text-align: center;">@lang('student.table.date')</th> --}}
                                                            <th style="text-align: center;"></th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @if ($is_enrolled[$i])
                                                            @foreach ($userFavourits[$i] as $item)
                                                                <tr class="text-center">
                                                                    <td>{{ $item->group->groupName->gname }}</td>
                                                                    <td>
                                                                        <a class="btn btn-sm btn-outline-primary"
                                                                            href="{{ route('student.showGroupRecordings', [$courses[$i]->coffid, $item->gid]) }}">View
                                                                            Recordings</a>
                                                                    </td>
                                                                </tr>
                                                            @endforeach
                                                        @else
                                                            <img class="d-block mx-auto" width="130"
                                                                src="{{ env('SECURE_ASSETS').'/images/svg/noCourses.svg' }}">
                                                            <p class="text-center pt-3">
                                                                <strong class="text-primary">Enroll first to see any extra
                                                                    in
                                                                    this course</strong>
                                                            </p>
                                                        @endif
                                                    </tbody>
                                                </table>
                                            </div>
                                        @else
                                            <img class="d-block mx-auto" width="130"
                                                src="{{ env('SECURE_ASSETS').'/images/svg/noCourses.svg' }}">
                                            <p class="text-center pt-3">
                                                <strong class="text-primary">there is no recordings in this course</strong>
                                            </p>
                                        @endif
                                        <div class="card-footer bg-white br-bs-7 br-be-7 mt-5">
                                            <div class="btn-list">
                                            </div>
                                        </div>
                                    </div>
                                    {{-- Extra Meeting Recordings --}}
                                    <div class="tab-pane" id="tab-extra-{{ $i }}">

                                        {{-- @if ($courses->allow_enrollment) --}}
                                        @if ($is_enrolled[$i])
                                            <div class="table-responsive">
                                                <table class=" table table-striped table-bordered table-vcenter text-nowrap"
                                                    id="extra-recording-table">
                                                    <thead class="text-center">
                                                        <th>Title</th>
                                                        <th>Type</th>
                                                        <th>Date</th>
                                                        <th></th>
                                                    </thead>
                                                    <tbody class="text-center">

                                                        @foreach ($course_extra_meetings[$i] as $extra_meeting)
                                                            <tr>
                                                                <td> {{ $extra_meeting->mtitle }}</td>
                                                                <td> {{ $extra_meeting->exmtyname }}</td>

                                                                <td>{{ $extra_meeting->mstartdate }}</td>

                                                                <td>
                                                                    @if ($extra_meeting->is_paid_for_all)
                                                                        <a href="javascript:void(0)" class="join_meeting btn btn-sm btn-outline-primary"
                                                                            data-coffid="{{ $courses[$i]->coffid }}"
                                                                            data-mid="{{ $extra_meeting->mid }}">
                                                                            View Recording
                                                                            <form method="get"
                                                                                action="{{ route('student.course.recording.view', [$courses[$i]->coffid, $extra_meeting->mid]) }}"
                                                                                id="join-form-{{ $extra_meeting->mid }}">
                                                                                <input name="_method" type="hidden"
                                                                                    value="GET">
                                                                            </form>
                                                                        </a>
                                                                    @else
                                                                        <a href="javascript:void(0)"
                                                                            class="join_extra_meeting btn btn-sm btn-outline-primary"
                                                                            id="join_extra_meeting"
                                                                            data-coffid="{{ $courses[$i]->coffid }}"
                                                                            data-mid="{{ $extra_meeting->mid }}">
                                                                            View Recording
                                                                            <form method="get"
                                                                                action="{{ route('student.course.extra.recording.view', [$courses[$i]->coffid, $extra_meeting->mid]) }}"
                                                                                id="join-extra-form-{{ $extra_meeting->mid }}">
                                                                                <input name="_method" type="hidden"
                                                                                    value="GET">
                                                                            </form>
                                                                        </a>
                                                                    @endif
                                                                </td>
                                                            </tr>
                                                        @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        @else
                                            <img class="d-block mx-auto" width="130"
                                                src="{{ env('SECURE_ASSETS').'/images/svg/noCourses.svg' }}">
                                            <p class="text-center pt-3">
                                                <strong class="text-primary">Enroll first to see any extra in this
                                                    course</strong>
                                            </p>
                                        @endif
                                        {{-- @endif --}}
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @endfor
        </div>
    </div>


@endsection

@section('student-js')
    {{-- Accordion --}}
    <script src="{{ env('SECURE_ASSETS').'/plugins/accordion/accordion.min.js' }}"></script>
    <script>
        $(function(e) {
            $(".demo-accordion").accordionjs();
        })
        // End accordion
        $(document).on("click", '[data-bs-toggle="collapse"]', function() {
            $('#accordion1 .panel-heading').toggleClass('active').siblings().removeClass('active');
        });
    </script>
    <script>
        // On confirm Joining the meeting
        function confirmJoin(e, id) { //on add input button click
            e.preventDefault();
            Swal.fire({
                title: "@lang('student.course-page.are you sure you want to join in')",
                // text: "You won't be able to revert this!",
                icon: "warning",
                showCancelButton: true,
                confirmButtonText: "Yes!"
            }).then(function(result) {
                if (result.value) {
                    // Swal.fire(
                    // 	"Success!",
                    // 	"You Will be Redirected To the Meeting.",
                    // 	"success"
                    // )
                    setInterval(function() {
                        let url = document.getElementById('join_meeting').getAttribute("href");
                        window.location.href = url
                    }, 2000);

                }

            });
        }

        function confirmUnEnroll(e, id) { //on add input button click
            e.preventDefault();
            Swal.fire({
                title: "Are you sure?",
                text: "All Favourite schedules for this course will be gone!",
                icon: "warning",
                showCancelButton: true,
                confirmButtonText: "Yes, Un Enroll !"
            }).then(function(result) {
                if (result.value) {
                    document.getElementById(`delete-form-${id}`).submit();
                }
            });
        }

        // Get fees when view extra recording
        $('.join_extra_meeting').on('click', function() {

            var course = $(this).attr('data-coffid');
            var student = $(this).attr('data-student');
            var meeting = $(this).attr('data-mid');
            var url = "{{ route('getExtraMeetingPriceForStudent', [":course",":meeting"]) }}";
            url = url.replace(':course', course);
            url = url.replace(':meeting', meeting);
                $.ajax({
                url: url,
                type: 'GET',
                success: function(data) {
                    if (data.paid == 0){
                    Swal.fire({
                        title: "Are you sure?",
                        text: data.reason,
                        icon: "warning",
                        showCancelButton: true,
                        confirmButtonText: "Yes, Join!"
                    }).then(function(result) {
                        if (result.value) {
                            document.getElementById(`join-extra-form-${data.mid}`).submit();
                        }
                    });
                }else{
                    document.getElementById(`join-extra-form-${data.mid}`).submit();
                }

                }
            });
        });

        // join extra recording paid for all
        $('.join_meeting').on('click', function() {

            var course = $(this).attr('data-coffid');
            var meeting = $(this).attr('data-mid');
            var url = "{{ route('getMeetingPriceForStudent', [':course', ':meeting']) }}";
            url = url.replace(':course', course);
            url = url.replace(':meeting', meeting);
            $.ajax({
                url: url,
                type: 'GET',
                success: function(data) {
                    if (data.paid == 0) {
                        Swal.fire({
                            title: "Are you sure?",
                            text: data.reason,
                            icon: "warning",
                            showCancelButton: true,
                            confirmButtonText: "Yes, View!"
                        }).then(function(result) {
                            if (result.value) {
                                document.getElementById(`join-form-${data.mid}`).submit();
                            }
                        });
                    } else {
                        document.getElementById(`join-form-${data.mid}`).submit();
                    }

                }
            });
        });
    </script>
    {{-- draw all data tables --}}
    <script>
        $(document).ready(function() {
            $('#attendance_table,#teachers_table,#extra-recording-table,#group-table').dataTable( {
                "info": false,
                'dom': 'Bfrtip',
                "drawCallback": function( settings ) {
                }
            })
        })
    </script>

    {{-- Confirm changing the enrollment method --}}
    <script>
        function confirmChange(e, id) { //on add input button click
            e.preventDefault();
            Swal.fire({
                title: "Are you sure?",
                text: "You want to change the enrollment method ?",
                icon: "warning",
                showCancelButton: true,
                confirmButtonText: "Yes, change it!"
            }).then(function(result) {
                if (result.value) {
                    document.getElementById(`change-form-${id}`).submit();
                }
            });
        }
    </script>

    {{-- confirm remove from favourit --}}
    <script>
        function confirmRemoveGroup(e, id) { //on add input button click
            e.preventDefault();
            Swal.fire({
                title: "Are you sure?",
                text: "You want to remove this group from your favourites",
                icon: "warning",
                showCancelButton: true,
                confirmButtonText: "Yes, Confirm!"
            }).then(function(result) {
                if (result.value) {
                    document.getElementById(`remove-group-form-${id}`).submit();
                }
            });
        }
    </script>

    {{-- confirm add to favourit --}}
    <script>
        function confirmAddGroup(e, id) { //on add input button click
            e.preventDefault();
            Swal.fire({
                title: "Are you sure?",
                text: "You want to add this group to your favourites",
                icon: "warning",
                showCancelButton: true,
                confirmButtonText: "Yes, Confirm!"
            }).then(function(result) {
                if (result.value) {
                    document.getElementById(`add-group-form-${id}`).submit();
                }
            });
        }
    </script>
    <script>
        $('#session').on('change', function() {
                var $course = $('#course');
                $('#course').empty();
                $('#course').append(`<option value="0" disabled selected>Processing...</option>`);
                $.ajax({
                    url: "{{ route('sessionFilterForStudentRecordings') }}",
                    type: 'GET',
                    data: {
                        acysid: $(this).val()
                    },
                    success: function(data) {
                        $('#course').empty();
                        $.each(data, function(id, value) {
                            value.teaching_team.coaching_teachers.map(teacher => {
                                $course.append('<option value="' + value.coffid + '">' +
                                    value.course.cname + ' ( '+ value.course.level.lname +' )'+' ( '+ teacher.first_name +' '+teacher.middle_name+' '+teacher.last_name+' )'+'</option>');
                            })
                        });
                    }
                });
            });
    </script>
@endsection