@extends('layouts.admin')
@section('content')
    <div class="app-content my-3 my-md-5">
        <div class="side-app">
            <x-page.header>Enrolled Students</x-page.header>
            <div class="row">
                {{-- Enrolled Courses Count --}}
                <div class="col-md-12 col-lg-12">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">Entolled Courses Count List </h3>
                        </div>
                        <!-- Search Section -->
                        <form action="{{route('admin.system-settings.enrolledStudents')}}" method="get">
                            <div class="mb-5">
                                <div class="">
                                    <div class="p-5 bg-white">
                                        <div class="mt-3 item2-gl-nav">
                                            <div class="d-block ">
                                                <h5 class="mb-2 mt-0">@lang('student.filter by')</h5>
                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <label class=" mt-3 mb-sm-1"> Session: </label>
                                                        <select class="form-control select2-show-search" name="enrolled_courses_session">
                                                            <option value="" disabled selected>Select</option>
                                                            @foreach ($academicYearSessions as $session)
                                                                <option value="{{ $session->acysid }}">
                                                                    {{ $session->sname }}
                                                                    {{ $session->year }}
                                                                    ({{ $session->bname }})
                                                                </option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>

                                            </div>
                                            <div class="mt-4">
                                                <input type="submit" id="submit" class="btn btn-primary br-te-7 br-be-7 d-block mx-auto"
                                                    value="Apply Filter">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                        <!--End Search Section -->
                        <div class="card-body">
                                @if ($enrolled_courses->count() > 0)
                                    <form action="{{route('admin.system-settings.exportEnrollmentsCount')}}" method="get">
                                    <input type="hidden" value="{{ request()->enrolled_courses_session }}" name="enrolled_courses_session">
                                    <button type="submit" class=" mb-2 btn btn-sm btn-outline-success mx-auto d-block w-25 shadow-md">
                                        Export
                                        <i class="fa fa-file-excel-o  ms-2 fs-14"></i>
                                    </button>
                                </form>
                                @endif
                            <div class="table-responsive">
                                <table
                                    class="data-table-example table table-striped table-bordered table-vcenter text-nowrap">
                                    <thead>
                                        <tr>
                                            <th style="text-align: center;">id</th>
                                            <th style="text-align: center;">Course Name</th>
                                            <th style="text-align: center;">Teaching Team</th>
                                            {{-- <th style="text-align: center;">By Course (active)</th>
                                            <th style="text-align: center;">By Course (total)</th>
                                            <th style="text-align: center;">By Lesson (active)</th>
                                            <th style="text-align: center;">By Lesson (total)</th> --}}
                                            <th style="text-align: center;">Total</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @php
                                        $count=0
                                        @endphp
                                        @foreach ($enrolled_courses as $item)
                                            <tr class="text-center">
                                                <td>{{++$count}}</td>
                                                <td>{{$item->has_label ? ' ( '.$item->label.' ) ':''}} {{' '.$item->acyname.'_'.$item->cname.' ( '.$item->lshort_name.' )'}} </td>
                                                <td>
                                                    {{$item->ttname}}
                                                </td>
                                                {{-- <td>{{ $item->active_enrollment_by_course }}</td>
                                                <td>{{ $item->enrollment_by_course}}</td>
                                                <td>{{ $item->active_enrollment_by_lesson }}</td>
                                                <td>{{ $item->enrollment_by_lesson }}</td> --}}
                                                <td>{{$item->enrollment_count}}</td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                            <div class="center-block text-center">
                                {{-- {{ $transactions->links('inc.paginate') }} --}}
                            </div>
                        </div>
                    </div>
                </div>
                {{-- Enrolled Students --}}
                <div class="col-md-12 col-lg-12">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">Students List</h3>
                        </div>
                        <!-- Search Section -->
                        <form action="{{route('admin.system-settings.enrolledStudents.search')}}" method="get">
                            <input type="hidden" name="is_active_tab" value="tab4">
                            <div class="mb-5">
                                <div class="">
                                    <div class="p-5 bg-white">
                                        <div class="mt-3 item2-gl-nav">
                                            <div class="d-block ">
                                                <h5 class="mb-2 mt-0">@lang('student.filter by')</h5>
                                                <div class="row">
                                                    <div class="col-md-4">
                                                        <label class=" mt-3 mb-sm-1"> Session: </label>
                                                        <select class="form-control select2-show-search" id="session" name="session">
                                                            <option value="" disabled selected>Select</option>
                                                            @foreach ($academicYearSessions as $session)
                                                                <option value="{{ $session->acysid }}">
                                                                    {{ $session->sname }}
                                                                    {{ $session->year }}
                                                                    ({{ $session->bname }})
                                                                </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>
                                            <div class="mt-4">
                                                <input type="submit" id="submit" class="btn btn-primary br-te-7 br-be-7 d-block mx-auto"
                                                    value="Apply Filter">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                        <!--End Search Section -->
                        @if (request()->course || request()->session)
                            <div class="card-body">
                                @if ($enrolments->count() > 0)
                                <h5 class="text-center py-4 mb-6 border rounded shadow ">
                                    {{$enrolments->firstWhere('coffid',$courseName)->has_label ? ' ( '.$enrolments->firstWhere('coffid',$courseName)->label.' ) ':''}} {{' '.$enrolments->firstWhere('coffid',$courseName)->acyname.'_'.$enrolments->firstWhere('coffid',$courseName)->cname.' ( '.$enrolments->firstWhere('coffid',$courseName)->lshort_name.' )'}}
                                </h5>
                                @endif
                                 @if ($enrolments->count() > 0)
                                     <form action="{{route('admin.system-settings.exportEnrolledStudents')}}" method="get">
                                        <input type="hidden" value="{{request()->get('course')}}" name="course">
                                        <input type="hidden" value="{{request()->get('session')}}" name="session">
                                        <button type="submit" class=" mb-2 btn btn-sm btn-outline-success mx-auto d-block w-25 shadow-md">
                                            Export
                                            <i class="fa fa-file-excel-o  ms-2 fs-14"></i>
                                        </button>
                                    </form>
                                 @endif
                                <div class="table-responsive">
                                    <table
                                        class="table table-striped table-bordered table-vcenter text-nowrap" id="students_table">
                                        <thead>
                                            <tr>
                                                <th style="text-align: center;">id</th>
                                                <th style="text-align: center;">Student Name</th>
                                                <th style="text-align: center;">Student UserID</th>
                                                <th style="text-align: center;">Student Email</th>
                                                <th style="text-align: center;">Student Phone</th>
                                                {{-- <th style="text-align: center;">Enrollment Method</th> --}}
                                                {{-- <th></th> --}}
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @php
                                            $count=0
                                            @endphp
                                            @foreach ($enrolments as $item)
                                                <tr class="text-center">
                                                    <td>{{++$count}}</td>
                                                    <td>
                                                        <a href="{{route('admin.students.show',[$item->user_id,'is_active_tab=tab3'])}}" target="_blank">
                                                            {{$item->fname .' '.$item->lname}}
                                                        </a>
                                                    </td>
                                                    <td>{{$item->username}}</td>
                                                    <td>{{$item->email}}</td>
                                                    <td>{{$item->phone}}</td>
                                                    {{-- <td>
                                                        {{$item->fees_by_lesson ? 'By Lesson':'By Course'}}
                                                        @if ($item->fees_by_course)
                                                            <a href="{{route('admin.students.show',$item->user_id)}}" target="_blank" data-bs-toggle="tooltip"  data-bs-original-title="edit installments" title="edit installments" class="btn btn-outline-light btn-sm ms-3"> <i class="fa fa-edit fs-16"></i></a>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        <a href="javascript:void(0)" onClick="confirmChange(event,{{$item->eid}})" class="btn btn-outline-light btn-sm waves-effect waves-light"
                                                            data-bs-toggle="tooltip" data-bs-original-title="Change enrollment method"
                                                            title='Change enrollment method'>

                                                            <i class="fa fa-refresh fs-16"></i>
                                                            <form method="POST" action="{{route('admin.system-settings.changeEnrollmentMethod')}}" id="change-form-{{$item->eid}}">
                                                                @csrf
                                                                <input name="_method" type="hidden" value="Post">
                                                                <input name="by_lesson" type="hidden" value="{{$item->fees_by_lesson}}">
                                                                <input name="by_course" type="hidden" value="{{$item->fees_by_course}}">
                                                                <input name="user_id" type="hidden" value="{{$item->user_id}}">
                                                                <input name="coffid" type="hidden" value="{{$item->coffid}}">
                                                                <input name="eid" type="hidden" value="{{$item->eid}}">
                                                            </form>
                                                        </a>
                                                        @if($item->fees_by_course && $item->is_priced && $item->payment_gateway == 2 && !$item->is_teacher_based)
                                                        <a href="javascript:void(0)" onClick="confirmTeacherBased(event,{{$item->eid}})" class="btn btn-outline-light btn-sm waves-effect waves-light"
                                                            data-bs-toggle="tooltip" data-bs-original-title="Flag student as teacher based"
                                                            title='Flag student as teacher based'>

                                                            <i class="fa fa-regular fa-flag fs-16"></i>
                                                            <form method="POST" action="{{route('admin.system-settings.flagStudentAsTeacherBased',$item->eid)}}" id="teacher-based-form-{{$item->eid}}">
                                                                @csrf
                                                                <input name="_method" type="hidden" value="Post">
                                                            </form>
                                                        </a>
                                                        @endif
                                                        @if ($item->is_teacher_based)
                                                        <a href="javascript:void(0)" onClick="removeTeacherBased(event,{{$item->eid}})" class="btn btn-outline-light btn-sm waves-effect waves-light"
                                                            data-bs-toggle="tooltip" data-bs-original-title="Remove student teacher based flag"
                                                            title='Remove student teacher based flag'>

                                                            <i class="fa fa-close fs-16"></i>
                                                            <form method="POST" action="{{route('admin.system-settings.removeStudentTeacherBasedFlag',$item->eid)}}" id="remove-teacher-based-form-{{$item->eid}}">
                                                                @csrf
                                                                <input name="_method" type="hidden" value="Post">
                                                            </form>
                                                        </a>
                                                        @endif
                                                    </td> --}}
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('admin-js')
<script>
    $(document).ready(function(){
        $('#students_table').dataTable({
            drawCallback: function(settings) {
            },
        })
    })

    $('#session').on('change', function() {
            var $course = $('#course');
            $('#course').empty();
            $('#course').append(`<option value="0" disabled selected>Processing...</option>`);
            $.ajax({
                url: "{{ route('sessionFilterForEnrolledCourses') }}",
                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.has_label ? '( '+value.label+' ) ' : '') + value.course.cname + ' ( '+ value.course.level.lname +' )'+' ( '+ teacher.first_name +' '+teacher.middle_name+' '+teacher.last_name+' )'+'</option>');
                        })
                    });
                }
            });
        });
</script>

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

    function confirmTeacherBased(e, id) {
        e.preventDefault();
        Swal.fire({
            title: "Are you sure?",
            text: "You want to flag this student as teacher based ?",
            icon: "warning",
            showCancelButton: true,
            confirmButtonText: "Yes, Flag him!"
        }).then(function(result) {
            if (result.value) {
                document.getElementById(`teacher-based-form-${id}`).submit();
            }
        });
    }

    function removeTeacherBased(e, id) {
        e.preventDefault();
        Swal.fire({
            title: "Are you sure?",
            text: "You want to remove teacher based flag ?",
            icon: "warning",
            showCancelButton: true,
            confirmButtonText: "Yes, remove!"
        }).then(function(result) {
            if (result.value) {
                document.getElementById(`remove-teacher-based-form-${id}`).submit();
            }
        });
    }
</script>
@endsection