@extends('layouts.teacher')
@section('content')
<div class="app-content my-3 my-md-5">
	<div class="side-app">
        <x-page.header>{{$courses->has_label ? '( '.$courses->label.' )' : ''}} {{$courses->cname}} ({{$courses->lshort_name}})</x-page.header>
        <div class="alert alert-outline-danger py-3">
            <b>Attention:</b> This page shows the last 4 months classes, you can view old classes using filter below
        </div>
        <form action="" 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-3">
                                        <label class=" mt-3 mb-sm-1"> Groups: </label>
                                        <select class="form-control select2-show-search groups-select" name="group">
                                            <option value="0" selected disabled>Select</option>
                                            @foreach ($course_groups as $group)
                                                <option value="{{$group->gid}}" {{ $group->gid == request()->group ? 'selected':'' }}>{{$group->gname}}</option>
                                            @endforeach
                                            {{-- <option value="extra" {{ request()->group == 'extra' ? 'selected':'' }}>Extra</option> --}}
                                        </select>
                                    </div>
                                    <div class="col-md-9">
                                        <label class=" mt-3 mb-sm-1"> Class: </label>
                                        <select class="form-control select2-show-search sessions-select" name="sessions[]" multiple>
                                            @foreach ($course_meetings as $meeting)
                                                <option {{ in_array($meeting->mid, request()->sessions ?? []) ? 'selected' : '' }} value="{{$meeting->mid}}">{{$meeting->mstartdate}} / {{date('h:i A', strtotime($meeting->mstarttime))}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <input type="hidden" name="per_page" value="{{ request()->per_page }}">
                                </div>
                            </div>
                            <div class="mt-4 d-flex justify-content-center">
                                <input type="submit" id="submit" class="btn btn-primary br-te-7 br-be-7 me-2"
                                    value="Apply Filter">
                                <a class="btn text-light br-te-7 br-be-7 " style="background: #F84242" href="{{ route('teacher.course.attendance',$courses->coffid)}}">
                                    Reset <i class="fa fa-repeat"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
		<div class="row">
			<div class="col-xl-12 col-lg-12 col-md-12 mt-5">
                {{-- Attendance --}}
                <div class="card">
                    <div class="card-body">
                        @if ($attendance->total() <= 150)
                            <form action="{{route('teacher.course.exportAttendance',$courses->coffid)}}">
                                <input type="hidden" name="group" value="{{request()->group}}">
                                <button type="submit" class="btn btn-primary mx-auto d-block w-25 my-5">Export</button>
                            </form>
                            @else
                            <a data-bs-toggle="modal" data-bs-target="#attendance-modal" class="text-white btn btn-primary mx-auto d-block w-25 my-5">
                                Export
                            </a>
                        @endif
                        <div class="table-responsive">
                            <form action="" id="per_page_form" method="get">
                                <label for="per_page_select">show per page:</label>
                                @if(is_array(request()->sessions))
                                    @foreach (request()->sessions as $session)
                                        <input type="hidden" name="sessions[]" value="{{ $session }}">
                                    @endforeach
                                @else
                                    <input type="hidden" name="sessions[]" value="{{ request()->sessions }}">
                                @endif                                <input type="hidden" name="group" value={{ request()->group }}>
                                <select name="per_page" id="per_page_select" class="form-control w-25">
                                    <option {{ request()->per_page == 15 ? 'selected':'' }} value="15">15</option>
                                    <option {{ request()->per_page == 50 ? 'selected':'' }} value="50">50</option>
                                    <option {{ request()->per_page == 75 ? 'selected':'' }} value="75">75</option>
                                    <option {{ request()->per_page == 100 ? 'selected':'' }} value="100">100</option>
                                </select>
                            </form>
                            <table
                                class=" table table-striped table-bordered table-vcenter text-nowrap" id="attendance_table">
                                <thead>
                                    <tr>
                                        <th style="text-align: center;position:sticky;left:0px;background-color:#223756;color:#eee;z-index: 1;border:none">Student</th>
                                        {{-- <th style="text-align: center">Enrollment Method</th> --}}
                                        <th style="text-align: center">
                                            Group
                                            {{-- <i class="fa fa-heart text-danger ms-2"></i> --}}
                                        </th>
                                        @foreach ($meeting_attendants as $meeting)
                                            <th style="text-align: center;">{{$meeting->mstartdate}} /
                                                ( <i class="fa fa-clock-o text-primary"></i>
                                                {{date('h:i A', strtotime($meeting->mstarttime))}} )
                                                @if ($meeting->is_extra)
                                                 <span class="badge badge-success fs-10">Extra</span>
                                                @endif
                                            </th>
                                        @endforeach
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($attendance as $student)
                                    <tr class="text-center">
                                        <td style="text-align: center;position:sticky;left:0px;background-color:rgba(247, 171, 100, 1);  border:none">
                                            <a style="color:black;" href="#" target="_blank">
                                                {{$student->first_name.' '.$student->middle_name.' '.$student->last_name}}
                                                <i style="z-index: 1000000;" class="mdi mdi-information-outline leading-loose" data-bs-html="true" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="UserID: {{$student->username}} <br>Email: {{$student->email}} <br> Phone: {{$student->phone}}"></i>
                                            </a>
                                        </td>
                                        {{-- <td>
                                            <span class="badge badge-primary">{{$student->fees_by_lesson ? 'By Lesson':'By Course'}}</span>
                                        </td> --}}
                                        <td>
                                            @foreach ($fav_groups as $group)
                                            @if ($group->user_id == $student->user_id)
                                                <span class="badge badge-info">
                                                    {{$group->gname}}
                                                </span>
                                            @endif
                                            @endforeach
                                        </td>
                                            @foreach ($meeting_attendants as $meeting)
                                            @if (in_array($student->user_id,$meeting->attendants->pluck('id')->toArray()))
                                            <td>
                                                <span style="display:none" >A </span>
                                                <i class="fa fa-check-circle text-success font-weight-bold leading-loose" data-bs-toggle="tooltip" data-bs-placement="top" title=""
                                                 data-bs-original-title="{{$meeting->attendants->where('id',$student->user_id)->first()->pivot->is_live ? ' live':' recording'}}">
                                                </i>
                                                {{-- {{$meeting->attendants->where('id',$student->id)->first()}} --}}
                                                @if ($meeting->attendants->where('id',$student->user_id)->first()->pivot->deleted_at)
                                                <span class="badge ms-2 badge-danger">Deleted</span>
                                                @endif
                                                @if ($meeting->attendants->where('id',$student->user_id)->first()->pivot->is_refunded)
                                                <i class="fa fa-check-circle text-danger font-weight-bold leading-loose" data-bs-toggle="tooltip" data-bs-placement="top" title=""
                                                 data-bs-original-title="Refunded">
                                                </i>
                                                @endif
                                                @if ($meeting->attendants->where('id',$student->user_id)->first()->pivot->is_refunded_after_post)
                                                <i class="fe fe-check-circle text-danger font-weight-bold leading-loose" data-bs-toggle="tooltip" data-bs-placement="top" title=""
                                                 data-bs-original-title="Refunded after post">
                                                </i>
                                                @endif
                                            </td>
                                            @else
                                            <td>
                                                <span style="display:none" >S </span>
                                                <i class="fa fa-window-close font-weight-bold text-danger leading-loose"></i>
                                                <span class="badge ms-2" style="background:#8c2828;">{{$meeting->mstatus == 'Canceled' ? 'Canceled':''}}</span>
                                            </td>
                                            @endif
                                            @endforeach
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                            <div class="mt-4">
                                {{ $attendance->appends(Request::except('page'))->render('inc.paginate') }}
                            </div>
                            <p class="mt-3">
                                Displaying {{$attendance->count()}} of {{ $attendance->total() }} attendance(s).
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- /attendace Modal -->
<div class="modal  fade effect-sign show" id="attendance-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">Export Attendance</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="get" enctype="multipart/form-data" action="{{route('teacher.course.exportSessionAttendance',$courses->coffid)}}">
                    @csrf
					<div class="form-group ">
                        <div class="row">
                            <div class="col-md-12">
								<label>Select sessions you want to export <span class="text-danger">*</span></label>
								<select name="mid[]" id="limit_select"  class="form-control select2-show-search sessions-select" multiple required>
									@foreach ($course_meetings as $meeting)
									<option value={{$meeting->mid}}>
										{{ $meeting->mstartdate . ' / '}}
										{{date('h:i A', strtotime($meeting->mstarttime))}}
									</option>
									@endforeach
								</select>
								<div class="mt-3">
									<span class="text-danger">Note: </span><span class="text-muted">You can only select 3 Sessions</span>
								</div>
                            </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="">Export</button>
            </div>
            </form>
        </div>
    </div>
</div>
<!-- /attendance Modal -->
@endsection
@section('teacher-js')
{{-- limit the number of selection --}}
<script type="text/javascript">

	$(document).ready(function() {

        $('#attendance_table').dataTable({
		"bPaginate": false,
        "searching": true,
        "ordering": true,
        "info": false,
		"drawCallback": function( settings ) {
		}
	})

	  var last_valid_selection = null;

	  $('#limit_select').change(function(event) {

		if ($(this).val().length > 3) {

		  $(this).val(last_valid_selection);
		  notif({
				type: "error",
				msg: "You Can Not Select More Than 3 Options",
				position: "center",
				opacity: 0.8,
				autohide: true
            });

		} else {
		  last_valid_selection = $(this).val();
		}
	  });
	});
</script>

{{-- filter sessions based on group --}}
<script>
    $(document).ready(function() {
        $('.groups-select').change(function() {
            var selectedGroup = $(this).val();
            var course='{{ $courses->coffid }}'
            $('.sessions-select').empty();
            $('.sessions-select').append(`<option value="0" disabled selected>Processing...</option>`);
            $.ajax({
                url: '{{ route("getMeetingsBasedOnGroup") }}',
                type: 'GET',
                dataType: 'json',
                data: { group: selectedGroup,course:course },
                success: function(data) {
                    $('.sessions-select').empty();
                    $.each(data, function(index, session) {
                        $('.sessions-select').append(`<option value=${session.mid}>${session.mstartdate} / ${session.mstarttime} (${session.mtitle})</option>`);
                    });
                },
                error: function(xhr, status, error) {
                    console.error('Error fetching data:', error);
                }
            });
        });
    });
</script>

{{-- per page filter --}}
<script>
    $('#per_page_select').change(function() {
        $('#per_page_form').submit();
    })
</script>
@endsection