@extends('layouts.admin')

@section('content')

<div class="app-content my-3 my-md-5">
	<div class="side-app">
        <x-page.header>{{$courses->has_label ? '( '.$courses->label.' )' : ''}} {{ $courses->acyname }}_{{$courses->cname}} ({{$courses->lshort_name}})</x-page.header>
		<div class="row">
			<div class="col-xl-8 col-lg-8 col-md-12">
				@if ($courses->enrollment_whatsapp_group)
				<div class="py-4">
					<div class="text-center mb-4">{{QrCode::size(150)->generate($courses->enrollment_whatsapp_group)}}</div>
					<p class="text-center">Enrollment WhatsApp Group.</p>
				</div>
				@endif
				<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 class="ms-0"><a href="#tab-1" class="active" data-bs-toggle="tab">Overview</a>
									</li>
									<li><a href="#tab-2" data-bs-toggle="tab" class="">Teachers</a></li>
									<li><a href="#tab-3" data-bs-toggle="tab" class="text-center">Enrollments</a></li>
									<li><a href="{{route('admin.course.attendance',$courses->coffid)}}"  class="text-center">Attendance</a></li>
									@if($courses->student_whatsapp_group || $courses->parent_whatsapp_group)
									<li><a href="#tab-5" data-bs-toggle="tab" class="text-center">Whatsapp</a></li>
									@endif
                                    @if (in_array(auth()->id(),[1,3]))
									<li><a href="#tab-6" data-bs-toggle="tab" class="text-center">Settings</a></li>
                                    @endif

								</ul>
							</div>
						</div>
					</div>
					<div class="tab-content border-0 p-5 bg-white details-tab-content">
						{{-- OverView --}}
						<div class="tab-pane active" id="tab-1">
							<h3 class="card-title mb-3 font-weight-bold">@lang('student.course-page.desciribtion')</h3>
							<h6 class="py-3">Course Code: <b>{{$courses->ccode}}</b></h6>
							<div class="mb-0 description">
								<p>{{$courses->cdescription}}</p>
							</div>
							<div class="mb-4">
							   @if($courses->cdescription)
								<a href="{{$courses->curl}}" target="_blank" class="btn btn-info icons"><i
									class="fa fa-globe me-1"></i> @lang('student.course-page.view more')
								</a>
							   @endif
							</div>

						</div>
						{{-- Teachers --}}
						<div class="tab-pane" id="tab-2">
							<div class="card mb-0 border-0 shadow-none">

								<div class="card-body border-top-0 item-user ps-0 pr-0 pb-0">
									<div class="power-ribbon power-ribbon-top-left text-warning"><span class="bg-warning"><img src="{{env('SECURE_ASSETS').'/images/power.png'}}" class=""></span></div>
										<div class="team-img text-center mb-3">
											<p><img src="{{$courses->getImage($courses->ttimage)}}" class="img-thumbnail w-25" alt="img"></p>
											<p class="badge badge-primary mb-2"> {{$courses->ttname}}</p>

										</div>
									<div>

										<div class="table-responsive">
											<table
												class="data-table table table-striped table-bordered table-vcenter text-nowrap">
												<thead>
													<tr>
														<th style="text-align: center;">id</th>
														<th style="text-align: center;">Teacher</th>
														<th style="text-align: center;">Info</th>
													</tr>
												</thead>
												<tbody>
													@php
													$teacher = 0;
													@endphp
													@foreach ($teachingTeamMembers as $member )
													    <tr class="text-center">
															<td>{{++$teacher}}</td>
															<td>
																{{$member->first_name .' '. $member->last_name}}
																@if ($member->is_coach)
																	<p class="badge badge-success mt-3 ms-1">Main Teacher</p>
																@endif

															</td>
															<td>
															 <i class="mdi mdi-information-outline leading-loose" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Email: {{$member->email}} Phone: {{$member->phone}}"></i>
															</td>
														</tr>
													@endforeach
												</tbody>
											</table>
										</div>

								  </div>
								</div>
							</div>
						</div>
						{{-- Enrollments --}}
						<div class="tab-pane" id="tab-3">
							<a href="{{route('admin.course.exportEnrollments',$courses->coffid)}} " class="btn btn-primary mx-auto d-block w-25 my-5">Export</a>
							<div class="table-responsive">
                                <table
                                    class="data-table table table-striped table-bordered table-vcenter text-nowrap" >
                                    <thead>
                                        <tr>
                                            <th style="text-align: center;">id</th>
                                            <th style="text-align: center;">Student</th>
                                            <th style="text-align: center;">Info</th>
                                            <th style="text-align: center;">group</th>
                                            {{-- <th style="text-align: center;">Enrollment method</th> --}}
                                            {{-- <th style="text-align: center;"></th> --}}
                                        </tr>
                                    </thead>
                                    <tbody>

                                        @foreach ($enrolments as $key=>$item)
                                            <tr class="text-center">
                                                <td>{{++$key}}</td>
                                                <td>
													<a href="{{route('admin.students.show',[$item->id])}}" target="_blank">
														{{$item->first_name .' '.$item->middle_name .' '. $item->last_name}}
													</a>

												</td>
                                                <td>
													<a href="{{route('admin.students.show',[$item->id])}}" target="_blank">
														<i class="mdi mdi-information-outline leading-loose" data-bs-html="true" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Email: {{$item->email}} <br> Phone: {{$item->phone}} <br> Enrolled_At: {{$item->created_at->format('d-m-Y')}}"></i>
													</a>
                                                </td>
                                                <td>{{ $item->gname ? $item->gname : 'No group' }}</td>
												{{-- <td>
													<span class="badge badge-{{$item->fees_by_lesson ? 'success':'info'}}">
														{{$item->fees_by_lesson ? 'by lesson':'by course'}}
													</span>
												</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->id}}">
                                                            <input name="coffid" type="hidden" value="{{$courses->coffid}}">
                                                            <input name="eid" type="hidden" value="{{$item->eid}}">
                                                        </form>
                                                    </a>
                                                    @if($item->fees_by_course && $courses->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>
						{{-- Whatsapp --}}
						@if($courses->student_whatsapp_group || $courses->parent_whatsapp_group)
						<div class="tab-pane" id="tab-5">
							<div class="row">
                                @if ($courses->student_whatsapp_group)
								<div class="col-6">

									<div class="text-center mb-4">{{QrCode::size(150)->generate(route('student-whatsApp-qrCode',$courses->coffid))}}</div>
									<p class="text-center">Student WhatsApp Group.</p>
								</div>
								@endif
                                @if ($courses->parent_whatsapp_group)
								<div class="col-6">

									<div class="text-center mb-4">{{QrCode::size(150)->generate(route('parent-whatsApp-qrCode',$courses->coffid))}}</div>
									<p class="text-center">Parent WhatsApp Group.</p>
								</div>
								@endif
							</div>
						</div>
						@endif
                        {{-- Settings --}}
						<div class="tab-pane" id="tab-6">
                            <h4 class="font-weight-semibold fs-12 text-dark mt-4 mb-4 ms-3">
                                {{-- <button type="button" id="addGroupBtn"
                                    class="addGroup btn btn-outline-light btn-sm waves-effect waves-light "
                                    value="{{ $courses->coffid }}"
                                    data-coffid="{{ $courses->coffid }}"
                                    data-courseid="{{ $courses->cid }}"
                                    data-coursename="{{ $courses->cname }}"
                                    data-teamname="{{ $courses->ttname }}"
                                    data-bs-toggle="modal" data-bs-target="#addGroup">
                                    <i class="fa fa-user-plus fs-16" data-bs-toggle="tooltip"
                                        data-bs-original-title="Add New Group"></i>
                                </button>

                                <button type="button" id="editGroupBtn"
                                    class="editGroup btn btn-outline-light btn-sm waves-effect waves-light "
                                    value="{{ $courses->coffid }}"
                                    data-coffid="{{ $courses->coffid }}"
                                    data-courseid="{{ $courses->cid }}"
                                    data-coursename="{{ $courses->cname }}"
                                    data-teamname="{{ $courses->ttname }}"
                                    data-bs-toggle="modal" data-bs-target="#editGroup">
                                    <i class="fa fa-users fs-16" data-bs-toggle="tooltip"
                                        data-bs-original-title="Edit Groups"></i>
                                </button> --}}

                                {{-- <button type="button" id="addWhatsappBtn"
                                    class="addWhatsapp btn btn-outline-light btn-sm waves-effect waves-light "
                                    value="{{ $courses->coffid }}"
                                    data-coffid="{{ $courses->coffid }}"
                                    data-bs-toggle="modal" data-bs-target="#addWhatsapp">
                                    <i class="fa fa-whatsapp fs-16" data-bs-toggle="tooltip"
                                        data-bs-original-title="Add WhatsApp Number"></i>
                                </button>

                                <button type="button" id="addEnrollmentMessageBtn"
                                    class="addEnrollmentMessage btn btn-outline-light btn-sm waves-effect waves-light "
                                    value="{{ $courses->coffid }}"
                                    data-coffid="{{ $courses->coffid }}"
                                    data-bs-toggle="modal" data-bs-target="#addEnrollmentMessage">
                                    <i class="fa fa-envelope fs-16" data-bs-toggle="tooltip"
                                        data-bs-original-title="Add Enrollment Message"></i>
                                </button>
                                @if ($courses->course_discount == 0)
                                <button type="button" id="addCourseDiscountBtn"
                                    class="addCourseDiscount btn btn-outline-light btn-sm waves-effect waves-light "
                                    value="{{ $courses->coffid }}"
                                    data-coffid="{{ $courses->coffid }}"
                                    data-bs-toggle="modal" data-bs-target="#addCourseDiscount">
                                    <i class="fa fa-plus fs-16" data-bs-toggle="tooltip"
                                        data-bs-original-title="Add Course Discount"></i>
                                </button>
                                @else
                                <button href="javascript:void(0)" onClick="confirmDelete(event,{{$courses->coffid}})" class="btn btn-outline-danger btn-sm waves-effect waves-light"
                                    data-bs-toggle="tooltip" data-bs-html=true
                                    data-bs-original-title="Discount: {{$courses->course_discount}} % <br> Date: {{$courses->course_discount_start_date}}">
                                    <i class="fa fa-close fs-16"></i>

                                    <form method="POST" action="{{ route('admin.course_offering.remove_course_discount',$courses->coffid) }}" id="delete-form-{{$courses->coffid}}">
                                        @csrf
                                        <input name="_method" type="hidden" value="DELETE">
                                    </form>
                                </button>
                                @endif --}}

                                <a class="btn btn-outline-light btn-sm waves-effect waves-light"
                                    href="{{route('courseofferings.edit',$courses->coffid)}}"
                                    data-bs-toggle="tooltip"
                                    target="_blank"
                                    data-bs-original-title="Edit Course Offering"><i
                                        class="fa fa-edit fs-16"></i>
                                </a>
                                {{-- <a href="javascript:void(0)" onClick="confirmDelete(event,{{$courses->coffid}})" class="btn btn-outline-light btn-sm waves-effect waves-light"
                                    data-bs-toggle="tooltip" data-bs-original-title="Delete"
                                    title='Delete'>
                                    <i class="fa fa-trash fs-16"></i>
                                    <form method="POST" action="{{ route('courseofferings.destroy', $courses->coffid) }}" id="delete-form-{{$courses->coffid}}">
                                        @csrf
                                        <input name="_method" type="hidden" value="DELETE">
                                    </form>
                                </a> --}}
                            </h4>
						</div>
					</div>
					<div class="card-footer bg-white br-bs-7 br-be-7">

					</div>
				</div>

			</div>

			<!--Right Side Content-->
			<div class="col-xl-4 col-lg-4 col-md-12" style="margin-top: 0rem !important;">
				<div class="card">
					<div class="card-body">
						<div class="product-slider">
							<ul class="list-unstyled video-list-thumbs">
								<li class="mb-0">
									@if ($courses->youtube_link)
									<a data-bs-toggle="modal" data-bs-target="#homeVideo" class="class-video p-0">
										<img src="{{$courses->getImage($courses->cimage)}}" alt="img"
											class="img-responsive border br-7">
										<span class="video-icon" href="javascript:void(0)"><i
												class="fa fa-play"></i></span>
									</a>
									@else
									<img src="{{$courses->getImage($courses->cimage)}}" alt="img"
											class="img-responsive  border br-7">
									@endif

								</li>
                                {{-- <li class="mt-3">
                                    <a href="javascript:void(0)" class="btn btn-danger text-white btn-sm mx-auto d-block"  data-bs-toggle="modal" data-bs-target="#add_youtube_link_form" >
                                        Add Youtube Video
                                        <i class="fa fa-youtube fs-14"></i>
                                   </a>
                                </li>
                                @if(in_array(auth()->id(),['1','3']) )
                                <li class="mt-3">
                                    <a href="javascript:void(0)" class="btn btn-primary text-white btn-sm mx-auto d-block"  data-bs-toggle="modal" data-bs-target="#remove_enrollments_modal" >
                                        Remove In-Active Enrollments
                                        <i class="fa fa-trash fs-14"></i>
                                   </a>
                                </li>
                                @endif --}}
							</ul>
						</div>
						<hr />
						<div class="mt-4 mb-4 text-center">
							<div class="mb-2">
								<span class="font-weight-semibold h2 text-default-dark mb-0">
									@if ($courses->fee_per_lesson_total !=0)
                                        @if ($courses->currency == 2)
                                            <span class="font-weight-semibold h2 text-default-dark mb-0">
                                                <h3>
                                                    {{$courses->fee_per_lesson_total}}
                                                    EGP / @lang('student.lesson')
                                                </h3>
                                            </span>
                                        @else
                                            <span class="font-weight-semibold h2 text-default-dark mb-0">
                                                <h3>
                                                    {{$courses->fee_per_lesson_total}}
                                                    AED / @lang('student.lesson')
                                                    <br>
                                                    {{round($courses->fee_per_lesson_total * $rate, 2)}}
                                                    EGP / @lang('student.lesson')
                                                </h3>
                                            </span>

                                        @endif


									@endif
									@if ($courses->fee_per_course_total !=	0)
                                        <hr>
                                        <span class="font-weight-semibold h2 text-default-dark mb-0">

                                            <h3>
                                                @if ($courses->by_month)
                                                    @if ($courses->currency == 2)
                                                        <span class="font-weight-semibold h2 text-default-dark mb-0">
                                                            <h3>
                                                                {{$courses->fee_course_per_month}}
                                                                EGP / @lang('student.lesson')
                                                            </h3>
                                                        </span>
                                                    @else
                                                        <span class="font-weight-semibold h2 text-default-dark mb-0">
                                                            <h3>
                                                                {{$courses->fee_course_per_month}}
                                                                AED / @lang('student.lesson')
                                                                <br>
                                                                {{round($courses->fee_course_per_month * $rate, 2)}}
                                                                EGP / @lang('student.lesson')
                                                            </h3>
                                                        </span>

                                                    @endif

                                                @elseif ($courses->course_discount > 0 )

                                                    @if ($courses->currency == 2)
                                                        {{ $courses->fee_per_course_total - ($courses->fee_per_course_total * ($courses->course_discount / 100)) }}
                                                        EGP / @lang('student.course')
                                                        <p class="strike-text ms-2 text-default">
                                                            {{$courses->fee_per_course_total}}
                                                            EGP / @lang('student.course')
                                                        </p>
                                                    @else
                                                        {{ $courses->fee_per_course_total - ($courses->fee_per_course_total * ($courses->course_discount / 100)) }}
                                                        AED / @lang('student.course')
                                                        <p class="strike-text ms-2 text-default">
                                                            {{$courses->fee_per_course_total}}
                                                            AED / @lang('student.course')
                                                        </p>
                                                    <br>
                                                        @if ($courses->is_priced)
                                                        {{ round(($courses->fee_per_course_total_egp - ($courses->fee_per_course_total_egp * ($courses->course_discount / 100))), 2) }}
                                                        EGP / @lang('student.course')
                                                        <p class="strike-text ms-2 text-default">
                                                            {{round($courses->fee_per_course_total_egp, 2)}}
                                                            EGP / @lang('student.course')
                                                        </p>
                                                        @else
                                                        {{ round(($courses->fee_per_course_total - ($courses->fee_per_course_total * ($courses->course_discount / 100))) * $rate, 2) }}
                                                        EGP / @lang('student.course')
                                                        <p class="strike-text ms-2 text-default">
                                                            {{round($courses->fee_per_course_total * $rate, 2)}}
                                                            EGP / @lang('student.course')
                                                        </p>
                                                        @endif
                                                    @endif


                                                    <p class='badge badge-info mt-2'>has discount</p>

                                                @else
                                                    @if ($courses->currency == 2)
                                                        {{$courses->fee_per_course_total}}
                                                        EGP / @lang('student.course')
                                                    @else
                                                        {{$courses->fee_per_course_total}}
                                                        AED / @lang('student.course')
                                                        <br>
                                                        {{round($courses->is_priced ? $courses->fee_per_course_total_egp : $courses->fee_per_course_total * $rate, 2)}}
                                                        EGP / @lang('student.course')

                                                    @endif

                                                @endif
                                            </h3>

                                            @if ($courses->currency == 1)
                                                <p class='badge badge-info mt-2'>Rate : {{ $rate }}</p>
                                            @endif

                                        </span>
									@endif

								</span>

							</div>
						</div>

					</div>
				</div>
			</div>
			<!--/Right Side Content-->
		</div>
		<!--Group Schedule-->
		<div class="row">
			<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 class="ms-0"><a href="#tab-schedule" class="active"
										data-bs-toggle="tab">@lang('student.schedule-btn')</a></li>
								{{-- <li><a href="#tab-recordings" data-bs-toggle="tab" class="">@lang('student.course-page.recodings')</a></li>
								<li><a href="#tab-extra" 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">
					{{-- Schedule table --}}
					<div class="tab-pane active" id="tab-schedule">
						<div class="card">
							<div class="card-header">
								<h3 class="card-title">Groups List</h3>
							</div>
							<div class="card-body">
								<!-- Accordion begin -->
								<ul class="demo-accordion accordionjs m-0" data-active-documentation="false">
									@if ($groups->count() > 0)
										@foreach ($groups as $group )
										<li class="mt-3">
											<div><h3>{{$group->gname}}</h3></div>
											<div>
												{{-- group details --}}
											<div class="row">
												<div class="col-md-6 text-center mb-3 mt-6 d-block mx-auto">
													<div class="card">
														<span class="card-body">

															<div class="">
																<h6 class="h6">
																	<span class="text-primary">Start Date: </span>
																	<span class="fs-13">
																		@if ($group->start_date)
																		{{$group->start_date}}
																		@else
																		Not Determined Yet
																		@endif
																	</span>
																</h6>
																<h6 class="h6 mt-4">
																	<span class="text-primary">Enrolled Students: </span>
																	<span class="fs-13">{{ $group->favorite_count }}</span>
																</h6>
																{{-- <button type="button" id="addWhatsappBtn"
																	class="addWhatsapp mt-4 btn btn-outline-success btn-sm waves-effect waves-light "
																	data-gid="{{ $group->gid }}"
																	data-coffid="{{ $group->coffid }}"
																	data-bs-toggle="modal" data-bs-target="#addWhatsappGroupLink">
																	{{$group->student_whatsapp_group ? 'Update Whatsapp Link':'Add Whatsapp Link'}}
																	<i class="fa fa-whatsapp fs-16" data-bs-toggle="tooltip"
																		data-bs-original-title="Add WhatsApp Number"></i>
																</button>
																<div class="mt-5">
																	<label class="form-swich">
																	<input type="checkbox" {{ $group->can_add_to_favourit ? 'checked' : '' }} onclick="addToFavourit('{{ $group->gid }}','{{ $group->can_add_to_favourit }}')" value="1" name="add_to_favourit" class="form-switch-input favourit-checkbox" id="add_to_favourit">
																	<span class="form-switch-indicator"></span>
																	<span class="form-switch-description badge badge-primary text-light">add to favourite</span>
																	</label>
																	@if ($group->can_add_to_favourit)
																		<span class="badge badge-success" id="badge-label-{{ $group->gid }}">opened</span>
																		@else
																		<span class="badge badge-danger" id="badge-label-{{ $group->gid }}">closed</span>
																	@endif
																</div> --}}
															</div>

														</span>
													</div>
												</div>
											</div>


												{{-- Whatsapp QR --}}
												@if($group->student_whatsapp_group || $group->parent_whatsapp_group)
												<div class="row my-6">
													@if ($group->student_whatsapp_group)
													<div class="col-md-6">

														<div class="text-center mb-4">{{QrCode::size(150)->generate($group->student_whatsapp_group)}}</div>
														<p class="text-center">Student WhatsApp Group.</p>
														<p class="text-center">
															<span class="text-primary" style="text-decoration: underline">Can't join with QR code?</span>
															<a href="{{$group->student_whatsapp_group}}" target="_blank" class="btn btn-sm ms-3" style="background:#8c2828;color:aliceblue">
																join
																<i class="fa fa-whatsapp"></i>
															</a>
														</p>
													</div>
													@endif
													@if ($group->parent_whatsapp_group)
													<div class="col-md-6">
														<div class="text-center mb-4">{{QrCode::size(150)->generate($group->parent_whatsapp_group)}}</div>
														<p class="text-center">Parent WhatsApp Group.</p>
														<p class="text-center">
															<span class="text-primary" style="text-decoration: underline">Can't join with QR code?</span>
															<a href="{{$group->parent_whatsapp_group}}" target="_blank" class="btn btn-sm ms-3" style="background:#8c2828;color:aliceblue">
																join
																<i class="fa fa-whatsapp"></i>
															</a>
														</p>
													</div>
													@endif
												</div>
												@endif
												{{-- time table  --}}
												<div class="table-responsive">
													<table
														class="data-table table table-striped table-bordered table-vcenter text-nowrap">
														<thead>
															<tr>
																<th style="text-align: center;">@lang('student.table.day')</th>
																<th style="text-align: center;">@lang('student.table.from')</th>
																<th style="text-align: center;">@lang('student.table.to')</th>
																<th style="text-align: center;">Class</th>
															</tr>
														</thead>
														<tbody>
															@foreach ( $groupsSchedules as $schedule)
																@if($schedule->gid === $group->gid)
																<tr class="text-center {{$schedule->is_deleted == 1 ? 'bg-danger':''}}">
																	<td>
																		{{Str::headline($meetingObject->getDayString($schedule->gsday))}}
																		@if($schedule->is_deleted == 1 )
																			<span class="badge badge-primary">Deactivated</span>
																		@endif
																	</td>
																	<td>{{date('h:i A', strtotime($schedule->gsfrom))}}</td>
																	<td>{{date('h:i A', strtotime($schedule->gsto))}}</td>

																	<td>{{$schedule->classname}}</td>
																</tr>
																@endif
															@endforeach
														</tbody>
													</table>
												</div>



											</div>
										</li>
										@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">Looks like There Is No Schedule In This Course</strong>
										</p>
									@endif

								</ul>
							</div>
						</div>

					</div>
					{{-- recording --}}
					<div class="tab-pane" id="tab-recordings">
						<div class="mb-4">
							<!--Recordings-->

							<div class="row">
								<div class="col-md-12">
									<div class="card">
										<div class="card-header">
											<h3 class="card-title">@lang('student.course-page.recodings')</h3>
										</div>
										<div class="card-body">
											<div class="table-responsive">
												<table
													class="data-table table table-striped table-bordered table-vcenter text-nowrap">
													<thead>
														<tr>
															<th style="text-align: center;">@lang('student.table.group')</th>
															<th style="text-align: center;">@lang('student.table.date')</th>
															<th></th>
														</tr>
													</thead>
													<tbody>
														@foreach ($groups as $item )

															<tr class="text-center">
																<td>{{$item->gname}}</td>

																<td>{{$item->start_date}}</td>

																<td>
																	<a class="btn btn-outline-primary btn-sm"
																		href="{{route('admin.showGroupRecordings',[$courses->coffid,$item->gid])}}">
																		View Recordings <i class="fa fa-video-camera ms-2"></i>
																	</a>
																</td>
															</tr>

														@endforeach

													</tbody>
												</table>
											</div>
										</div>
									</div>
								</div>
							</div>

						</div>
					</div>
					{{-- Extra meeting --}}
					<div class="tab-pane" id="tab-extra">
						@if($course_extra_meetings->count() > 0)
						<div class="table-responsive">
							<table class="data-table table table-striped table-bordered table-vcenter text-nowrap">
								<thead>
									<th >Title</th>
									<th>Type</th>
									<th>Date</th>
									<th></th>
									<th>Sharable link</th>
								</thead>
								<tbody>
									@foreach ($course_extra_meetings as $extra_meeting )
										<tr>
										<td>	{{$extra_meeting->mtopic}}</td>
										<td>	{{$extra_meeting->exmtyname}}</td>

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

										<td>
											<a href="{{route('admin.course.recording.view',[$courses->coffid,$extra_meeting->mid])}}"
												class="btn btn-sm btn-outline-light">
												<i class="fa fa-video-camera text-primary fs-20 "
												title='View Recording' data-bs-toggle="tooltip"
												data-bs-original-title="View Recording"></i>
											</a>
										</td>
										{{-- <td>
											<a href="{{route('admin.course.recording.link',[$courses->coffid,$extra_meeting->mid])}}"
												class="join_extra_meeting">
												Link Recording		</a>
										</td> --}}
										<td>
											<div class="row">
												@if ($extra_meeting->shareable_url != "")
													<div>
														<div class="d-flex">
															<input type="text" readonly id="link_{{$extra_meeting->mid}}" class="form-control" value="{{ env('APP_URL').'/recording/login/'.$extra_meeting->mid }}">
															{{-- Copy lnk --}}
															<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({{$extra_meeting->mid}})"></i>
															</a>
														</div>
														<div class="d-flex mt-1">
															<input type="text" readonly id="password_{{$extra_meeting->mid}}" class="form-control" value="{{ $extra_meeting->shareable_password }}">
															{{-- Copy 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({{$extra_meeting->mid}})"></i>
															</a>
															{{-- Edit password --}}
															<a href="{{route('staff.shareable-password.update',$extra_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="{{ $extra_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>
						@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">Looks like There Is No Extra In This Course</strong>
											</p>
						@endif
					</div>
					<div class="card-footer bg-white br-bs-7 br-be-7 mt-5">
						<div class="btn-list">

						</div>
					</div>

				</div>
			</div>

			<div class="col-md-12">

			</div>
		</div>
	</div>
</div>

{{-- add course group modal --}}
@include('components.course_offering.modals')
<!-- edit Meeting Modal-->
<div class="modal fade" id="startMeeting" 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="startMeeting">Start Meeting</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="{{route('teacher.course.lesson.join.with-title')}}" class="form-horizontal">
					@csrf
					<div class="row">
						<input type="hidden" name="mid" id="smcoffid" value="" />

					</div>

						<div class="form-group ">



								<label class="form-label mt-2" for="mtitle">Lesson Topic <i
										class="text-danger">(required)</i></label>

									<input type="text" name="mtitle" class="form-control">
			</div>

			</div>
			<div class="modal-footer">

				<button type="submit" class="btn btn-block btn-primary">Save & Join</button>
			</div>
			</form>
		</div>
	</div>
</div>

<!-- Add WhatsApp Group Number  Modal-->
<div class="modal fade" id="addWhatsappGroupLink">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title" id="editGroup">Add WhatsApp Group</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="{{route('group.addWhatsAppGroup')}}" class="form-horizontal">
					@csrf
					<div class="row">
						<input type="hidden" name="coffid" id="course_id" value="" />
						<input type="hidden" name="gid" id="group" value="" />
					</div>
					<div class="form-group ">
						<label class="form-label mt-2" for="mcgsid">Students WhatsApp Group Link</label>
						<input type="url" name="student_group_link" class="form-control" id="student_group_link">
					</div>
					<div class="form-group">
						<label class="form-label mt-2" for="mcgsid">Parents WhatsApp Group Link</label>
						<input type="url" name="parent_group_link" class="form-control" id="parent_group_link" >
					</div>
			</div>
			<div class="modal-footer">
				{{-- <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> --}}
				<button type="submit" class="btn btn-block btn-primary">Submit</button>
			</div>
			</form>
		</div>
	</div>
</div>

<!-- /Video Modal -->
<div class="modal effect-fall fade" id="homeVideo">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<button type="button" class="btn btn-default" data-bs-dismiss="modal"><i class="fa fa-times"></i></button>
			<div class="embed-responsive embed-responsive-16by9">
				<iframe width="560" height="315" src="{{$courses->youtube_link}}" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
			</div>
		</div>
	</div>
</div>
<!-- /Video Modal -->
<!-- /youtube_link Modal -->
<div class="modal  fade effect-sign show" id="add_youtube_link_form">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="example-Modal3">Add Youtube Link</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" enctype="multipart/form-data" action="{{route('staff.course.addYoutubeLink',$courses->coffid)}}">
                    @csrf
					<div class="form-group ">
                        <div class="row">
                            <div class="col-md-3">
                                <label class="form-label mt-2" for="youtube_link">Link</label>
                            </div>
                            <div class="col-md-9">
                                <input type="url" id="youtube_link"
                                    onchange="return validURL('youtube_link')" name="youtube_link"
                                    class="form-control" placeholder="https://www.youtube.com/embed/">
								<span class="fs-10 text-danger pt-3">* make sure that is is an embed link (https://www.youtube.com/embed/)</span>
                            </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="">Submit</button>
            </div>
            </form>
        </div>
    </div>
</div>
<!-- /youtube_link Modal -->

<!-- Remove In active enrollments Modal -->
@if(in_array(auth()->id(),['1','3']) )
<div class="modal fade effect-fall show" id="remove_enrollments_modal">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <form  method="post" enctype="multipart/form-data" action="{{route('staff.enrollments.deleteInActiveCourseEnrollments',$courses->coffid) }}">
                @method('DELETE')
                @csrf
                <div class="modal-header">
                    <h5 class="modal-title" id="example-Modal3">Remove In-Active Enrollments</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">
                    <div class="form-group ">
                        <div class="alert alert-outline-danger mb-5">
                            <button type="button" class="close text-dark" data-bs-dismiss="alert">×</button>
                            Once you remove these students you can not revert this action.
                        </div>
                        <h6>
                            <span>
                                There is/are
                                <b>
                                    <a class="text-decoration-underline btn-link {{ $inActive_enrollments_count == 0 ? 'disabled':'' }}" href="javascript:void(0)" id="in_active_count">{{ $inActive_enrollments_count }}</a>
                                </b>
                                student(s) not active in this course
                            </span>
                        </h6>
                    </div>
                    <div class="dimmer d-none">
                        <div class="lds-ring"><div></div><div></div><div></div><div></div></div>
                    </div>
                    <div class="form-group mt-6" id="data_table_component">

                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Close</button>
                    <button type="submit" id="submit" class="btn btn-danger {{ $inActive_enrollments_count == 0 ? 'disabled':''  }}" value="">
                        <i class="fa fa-trash"></i>
                        Remove
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
@endif
<!-- Remove In active enrollments Modal -->


@endsection

@section('admin-js')
{{-- Accordion --}}
<script src="{{env('SECURE_ASSETS').'/plugins/accordion/accordion.min.js'}}"></script>
<!-- WYSIWYG Editor js -->
<script src="{{env('SECURE_ASSETS').'/plugins/wysiwyag/jquery.richtext.js'}}"></script>
{{-- <script src="{{env('SECURE_ASSETS').'/js/formeditor.js'}}"></script> --}}
<script src="{{env('SECURE_ASSETS').'/js/formeditor-1.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>
{{-- draw all data tables --}}
<script>
$(document).ready(function(){
	$('.data-table').dataTable({
		drawCallback: function(settings) {
		},
		// order: [[2, 'asc']],
	})
})

// Add WhatsApp group
jQuery('body').on('click', '.addWhatsapp', function () {
		var coffid= $(this).attr('data-coffid');
		var gid= $(this).attr('data-gid');
		$('#course_id').val(coffid)
		$('#group').val(gid)

		var url = "{{ route('group.getWhatsAppGroups', [":coffid",":gid"]) }}";
		url = url.replace(':coffid', coffid);
		url = url.replace(':gid', gid);
		$.ajax({
		url:url,
		success:function(data){
			jQuery('#student_group_link').val(data.student_whatsapp_group);
			jQuery('#parent_group_link').val(data.parent_whatsapp_group);
		}
	});
});

</script>

{{-- limit the number of selection --}}
<script type="text/javascript">

	$(document).ready(function() {

	  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>


{{-- Add to favourit --}}
<script>
	function addToFavourit(id, value){
		let badge_label=$('#badge-label-'+id).html()
		$.ajax({
			url: "{{ route('admin.group.canAddToFavourit') }}",
			method: "GET",
			data: {
				gid: id,
				can_add_to_favourit: value,
			},
			success: function(result){
				notif({
					type: "success",
					msg: "Updated Successfully",
					position: "center",
					opacity: 0.8,
					autohide: true
				});
				if(badge_label == 'closed'){
					$('#badge-label-'+id).html('opened')
				}else{
					$('#badge-label-'+id).html('closed')
				}
			},error:function(e){
				notif({
					type: "error",
					msg: "Something went wrong",
					position: "center",
					opacity: 0.8,
					autohide: true
				});
			}
		});
	}
</script>

{{-- get in active count and table component --}}
<script>
    localStorage.removeItem('in_active_enrollments_list')
    $('#in_active_count').on('click',function(){
        if(localStorage.in_active_enrollments_list == 1){
            return;
        }
        let ajaxurl = "{{ route('staff.enrollments.getInActiveCourseEnrollments',[':coffid']) }}";
        ajaxurl=ajaxurl.replace(':coffid',{{ $courses->coffid }});
        // begin:Start Ajax call
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
            }
        });
        $.ajax({
            url: ajaxurl,
            beforeSend: function() {
                $('.dimmer').removeClass('d-none')
            },
            success: function (response) {
                localStorage.setItem('in_active_enrollments_list',1)
                $('.dimmer').addClass('d-none')
                $('#data_table_component').append(response)
            },
            error: function (error) {
                notif({
                type: "error",
                msg: "Something went wrong",
                position: "center",
                opacity: 0.8,
                multiline:true,
                autohide: true
                });
                // console.log('Error:', error.responseJSON.message);
            }
        });
        // end:Start Ajax call
    })
</script>

{{-- course offering tools --}}
<script>
    $(document).ready(function(){
        // add group
        jQuery('body').on('click', '.addGroup', function () {
            var coffid= $(this).attr('data-coffid');
            var url="{{ route('getUnListedGroups',[':coffid']) }}"
            url=url.replace(':coffid',coffid)
            $('#add_group_name').append(`<option value="0" disabled selected>Processing...</option>`);
            $.get(url, function (data) {
                $('#add_group_name').empty();
                $('#add_group_name').append(`<option value="0" disabled selected>Select Group*</option>`);
                $.each(data.groupName, function (id, value) {
                    $('#add_group_name').append('<option value="' +value.gnameid + '">' + value.gname +
                    '</option>');
                });
            })
        });

        // edit group
        jQuery('body').on('click', '.editGroup', function () {
            var coffid= $(this).attr('data-coffid');
            var url="{{ route('editGroup',[':coffid']) }}"
            url=url.replace(':coffid',coffid)
            $('#edit_group_name').append(`<option value="0" disabled selected>Processing...</option>`);
            $.get(url, function (data) {
                $('#edit_group_name').empty();
                $('#edit_group_name').append(`<option value="0" disabled selected>Select Group*</option>`);
                $.each(data, function (id, value) {
                    $('#edit_group_name').append('<option value="' +value.gid + '">' + value.group_name.gname +
                    '</option>');
                });
            })
        });

         // Add WhatsApp group
         jQuery('body').on('click', '.addWhatsapp', function () {
            var coffid= $(this).attr('data-coffid');
            $('#course').val(coffid)
            var url = "{{ route('courseofferings.getWhatsAppGroups', ":coffid") }}";
            url = url.replace(':coffid', coffid);
            $.ajax({
                url:url,
                success:function(data){
                    jQuery('#enrollment_group_link').val(data.enrollment_whatsapp_group);
                }
            });
        });

        // Add Enrollment Message
        jQuery('body').on('click', '.addEnrollmentMessage', function () {
            let coffid= $(this).attr('data-coffid');
            $('.course_input').val(coffid)
            var url = "{{ route('courseofferings.getEnrollmentMessage', ":coffid") }}";
            url = url.replace(':coffid', coffid);
            $.ajax({
                url:url,
                success:function(data){
                    jQuery('.richText-editor').html(data.enrollment_message);
                }
            });
        });

        // add course discount
        jQuery('body').on('click', '.addCourseDiscount', function () {
            let coffid= $(this).attr('data-coffid');
            let url="{{ route('admin.course_offering.add_course_discount',':coffid') }}"
            url = url.replace(':coffid', coffid);
            $('#add_course_discount_form').attr('action', url )
        });
    })
</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