@extends('layouts.teacher')
@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>
                            <div class="card-body">
                                <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('teacher.enrollments.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="acysid">
                                                            <option value="" disabled selected>Select</option>
                                                            @foreach ($academicYearSessions as $session)
                                                                <option value="{{ $session->acysid }}">
                                                                    {{ $session->sessions->sname }}
                                                                    {{ $session->year }}
                                                                    ({{ $session->board->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 (request()->course)
                                 <h3 class="text-center py-4">{{$enrolments->firstWhere('coffid',$courseName)->courseOffering->course->cname.' ( '.$enrolments->firstWhere('coffid',$courseName)->courseOffering->course->level->lshort_name.' )'}}</h3>
                                @endif
                                @if ($enrolments->count() > 0 && request()->get('course'))
                                <form action="{{route('teacher.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="data-table-example table table-striped table-bordered table-vcenter text-nowrap" id="student">
                                        <thead>
                                            <tr>
                                                <th style="text-align: center;">id</th>
                                                <th style="text-align: center;">Student Name</th>
                                                <th style="text-align: center;">Student Phone</th>
                                                <th style="text-align: center;">Student Email</th>
                                                <th style="text-align: center;">Course Name</th>
                                                <th style="text-align: center;">Enrollment Method</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @php
                                            $count=0
                                            @endphp
                                            @foreach ($enrolments as $item)
                                                <tr class="text-center">
                                                    <td>{{++$count}}</td>
                                                    <td>{{$item->user->first_name .' '. $item->user->middle_name .' '.$item->user->last_name}}</td>
                                                    <td>{{$item->user->phone}}</td>
                                                    <td>{{$item->user->email}}</td>
                                                    <td>{{$item->courseOffering->academicYearSession->acyname.'_'.$item->courseOffering->course->cname.' ( '.$item->courseOffering->course->level->lshort_name.' )'}}</td>
                                                    <td>
                                                        {{$item->fees_by_lesson ? 'By Lesson':'By Course'}}
                                                    </td>

                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div> --}}
                                {{-- <div class="center-block text-center">
                                    {{ $transactions->links('inc.paginate') }}
                                </div> --}}
                            {{-- </div> --}}
                        {{-- @endif --}}
                    {{-- </div> --}}
                {{-- </div> --}}
            </div>
        </div>
    </div>
@endsection
@section('teacher-js')
<script>
    $('#session').on('change', function() {
            var $course = $('#course');
            $('#course').empty();
            $('#course').append(`<option value="0" disabled selected>Processing...</option>`);
            $.ajax({
                url: "{{ route('sessionFilter') }}",
                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