@extends('layouts.student')

@section('content')

<div class="app-content my-3 my-md-5">
	<div class="side-app">
		@if (Session::get('success-alert') != null)
		<div class="alert alert-outline alert-outline-success mt-6" role="alert">
			<button type="button" class="close" data-bs-dismiss="alert" aria-hidden="true">×</button>
			{{Session::get('success-alert')}}
		</div>
		@endif
        <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 ($is_enrolled && !$student_has_transaction && $courses->enrollment_whatsapp_group)
				<div class="py-4">
					<div class="text-center mb-4">{{QrCode::size(150)->generate(route('enrollment-whatsApp-qrCode',$courses->coffid))}}</div>
					<p class="text-center">Enrollment WhatsApp Group.</p>
					<p class="text-center">
						<span class="text-primary" style="text-decoration: underline">Can't join with QR code?</span>
						<a href="{{route('enrollment-whatsApp-qrCode',$courses->coffid)}}" class="btn btn-sm ms-3" style="background:#8c2828;color:aliceblue">
							join
							<i class="fa fa-whatsapp"></i>
						</a>
					</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">@lang('student.course-page.overview')</a></li>
									<li><a href="#tab-2" data-bs-toggle="tab" class="">@lang('student.course-page.teacher')</a></li>
									{{-- @if(isset($first_favourite_group) && $first_favourite_group->student_whatsapp_group)
										@if($student_has_transaction && $attendance_count < 2 && $enrollment->fees_by_lesson)
											<li><a href="#tab-3" data-bs-toggle="tab" class="">@lang('student.course-page.WhatsAppGroup')</a></li>
										@endif
                                        @if(!$enrollment->fees_by_lesson && $first_paid_installment)
											<li><a href="#tab-3" data-bs-toggle="tab" class="">@lang('student.course-page.WhatsAppGroup')</a></li>
										@endif
								    @endif --}}
									@if($student_has_transaction)
									<li><a href="{{route('student.course.attendance',$courses->coffid)}}">@lang('student.course-page.attendance')</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>
							<h6 class="py-3">level: <b>{{$courses->lname}}</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>
                        {{-- Teacher --}}
						<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="table table-striped table-bordered table-vcenter text-nowrap" id="teachers_table">
												<thead>
													<tr>
														<th style="text-align: center;">id</th>
														<th style="text-align: center;">Teacher</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>

														</tr>
													@endforeach
												</tbody>
											</table>
										</div>

								  </div>
								</div>
							</div>
						</div>
						{{-- Whatsapp --}}
                        {{-- @if($is_enrolled && $enrollment->fees_by_lesson && $student_has_transaction)
                            @if ($attendance_count < 2)
                                @if (isset($first_favourite_group))
                                <div class="tab-pane" id="tab-3">
                                    <div class="row">
                                        @if($first_favourite_group->student_whatsapp_group)
                                        <div class="col-md-6">
                                            <div class="text-center mb-4">{{QrCode::size(150)->generate(route('student-whatsApp-qrCode',[$first_favourite_group->coffid,$first_favourite_group->gid]))}}</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="{{route('student-whatsApp-qrCode',[$first_favourite_group->coffid,$first_favourite_group->gid])}}" class="btn btn-sm ms-3" style="background:#8c2828;color:aliceblue" target="_blank">
                                                    join
                                                    <i class="fa fa-whatsapp"></i>
                                                </a>
                                            </p>
                                        </div>
                                        @endif

                                        @if($first_favourite_group->parent_whatsapp_group)
                                        <div class="col-md-6">
                                            <div class="text-center mb-4">{{QrCode::size(150)->generate(route('parent-whatsApp-qrCode',[$first_favourite_group->coffid,$first_favourite_group->gid]))}}</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="{{route('parent-whatsApp-qrCode',[$first_favourite_group->coffid,$first_favourite_group->gid])}}" class="btn btn-sm ms-3" style="background:#8c2828;color:aliceblue" target="_blank">
                                                    join
                                                    <i class="fa fa-whatsapp"></i>
                                                </a>
                                            </p>
                                        </div>
                                        @endif

                                    </div>
                                </div>
                                @endif
                            @endif
                        @endif --}}
                        {{-- if student is by course --}}
                        {{-- if the first installment is paid show the qr if he has fav groups--}}
                        {{-- @if ($is_enrolled && !$enrollment->fees_by_lesson && $first_paid_installment)
                            @if (isset($first_favourite_group))
                            <div class="tab-pane" id="tab-3">
                                <div class="row">
                                    @if($first_favourite_group->student_whatsapp_group)
                                    <div class="col-md-6">
                                        <div class="text-center mb-4">{{QrCode::size(150)->generate(route('student-whatsApp-qrCode',[$first_favourite_group->coffid,$first_favourite_group->gid]))}}</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="{{route('student-whatsApp-qrCode',[$first_favourite_group->coffid,$first_favourite_group->gid])}}" class="btn btn-sm ms-3" style="background:#8c2828;color:aliceblue" target="_blank">
                                                join
                                                <i class="fa fa-whatsapp"></i>
                                            </a>
                                        </p>
                                    </div>
                                    @endif

                                    @if($first_favourite_group->parent_whatsapp_group)
                                    <div class="col-md-6">
                                        <div class="text-center mb-4">{{QrCode::size(150)->generate(route('parent-whatsApp-qrCode',[$first_favourite_group->coffid,$first_favourite_group->gid]))}}</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="{{route('parent-whatsApp-qrCode',[$first_favourite_group->coffid,$first_favourite_group->gid])}}" class="btn btn-sm ms-3" style="background:#8c2828;color:aliceblue" target="_blank">
                                                join
                                                <i class="fa fa-whatsapp"></i>
                                            </a>
                                        </p>
                                    </div>
                                    @endif

                                </div>
                            </div>
                            @endif
                        @endif --}}
					</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->course->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->course->cimage)}}" alt="img"
											class="img-responsive  border br-7">
									@endif
								</li>
							</ul>
						</div>
						{{-- <hr /> --}}
						<div class="mt-4 mb-4 text-center">
                            @php
                                // check if the course is egp
                                if($courses->currency == 2){
                                    $currency = 'EGP';
                                    $amount_per_course=$courses->fee_per_course_total;
                                    $amount_per_lesson=$courses->fee_per_lesson_total;
                                    $amount_per_month=$courses->fee_course_per_month;
                                }else{
                                    // check if the student enrolled
                                    if($is_enrolled){
                                        // show the price according to the enrollment currency
                                        $currency = $paymentGateway == 1 ? 'AED':'EGP';
                                        // if by lesson we show the lesson amount due from enrollment and calculate the course amount from course offering
                                        if($enrollment->fees_by_lesson){
                                            $amount_per_lesson=$paymentGateway == 1 ? $enrollment->amount_due_aed : $enrollment->amount_due;
                                            $amount_per_course=$paymentGateway == 1 ? $courses->fee_per_course_total : $courses->fee_per_course_total * $enrollment->rate;
                                            $amount_per_month=0;
										}else{
                                        // if by course we show the course amount from enrollment and calculate the lesson amount from course offering
                                            $amount_per_lesson=$paymentGateway == 1 ? $courses->fee_per_lesson_total : $courses->fee_per_lesson_total * $enrollment->rate;
                                            $amount_per_course=$paymentGateway == 1 ? $enrollment->amount_aed : $enrollment->amount;
                                            $amount_per_month=$paymentGateway == 1 ?  $courses->fee_course_per_month : $courses->fee_course_per_month * $enrollment->rate;
                                        }
                                    }else{
                                        // else we display the price according to the student profile
                                        $currency= $paymentGateway == 1 ? 'AED':'EGP';
                                        $amount_per_course= $paymentGateway == 1 ? $courses->fee_per_course_total : ($courses->is_priced ? $courses->fee_per_course_total_egp : $courses->fee_per_course_total * $currentRate);
                                        $amount_per_lesson= $paymentGateway == 1 ? $courses->fee_per_lesson_total : $courses->fee_per_lesson_total * $currentRate;
                                        $amount_per_month= $paymentGateway == 1 ? $courses->fee_course_per_month : $courses->fee_course_per_month * $currentRate;
                                    }
                                }
                            @endphp
							<div class="mb-2">
							@if ($courses->is_free)
								@else
								@if ($courses->fee_per_lesson_total !=0)

                                <span class="font-weight-semibold h2 text-default-dark mb-0">

									<h3>
                                        {{$amount_per_lesson}}
                                        {{ $currency }} / @lang('student.lesson')
                                    </h3>
								</span>
								@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)
											{{$amount_per_month}}
                                            {{ $currency }} / @lang('student.month')
										@elseif ($courses->course_discount > 0 )
											{{ $amount_per_course - ($amount_per_course * ($courses->course_discount / 100)) }}
											{{ $currency }} / @lang('student.course')
											<p class="strike-text ms-2 text-default">
                                                {{$amount_per_course}}
                                                {{ $currency }} / @lang('student.course')
                                            </p>
											<p class='badge badge-info mt-2'>has discount</p>
										@else
											{{$amount_per_course}}
											{{ $currency }} / @lang('student.course')
										@endif
									</h3>
									@if ($is_enrolled && $enrollment->fees_by_course == 1)
										{{-- <a class="btn btn-primary mx-auto d-block mt-4" href="{{route('student.installmentTransactions')}}">@lang('student.view installments')</a> --}}
									@endif
								</span>
								@endif

							@endif

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

						{{-- <div class="">
							@if ($is_enrolled)
							<a data-bs-effect="effect-flip-horizontal" class="btn btn-secondary ms-7 mb-xl-0"
								data-bs-toggle="modal" data-coffid="{{$courses->coffid}}"
								href="javascript:void(0)" onClick="confirmUnEnroll(event,{{$courses->coffid}})">
								<form method="POST" action="{{ route('student.unEnroll', $courses->coffid) }}" id="delete-form-{{$courses->coffid}}">
									@csrf
									<input name="_method" type="hidden" value="POST">
								</form>
								<span>@lang('student.unenroll')</span> <i class="fa fa-arrow-right mt-1 ms-2 fs-14"></i>
							</a>
								@if ($enrollment->fees_by_lesson)
								<a href="javascript:void(0)" class="btn btn-sm btn-outline-success waves-effect mt-3 ms-7 waves-light ms-4"

                                    data-bs-toggle="modal" data-coffid="{{$courses->coffid}}" id="showEnroll"
								    data-bs-target="#modalChangeEnrollmentToByLesson"
									title='Change enrollment method'>
									Change to by course
									<i class="fa fa-refresh fs-10"></i>

								</a>
								@else
									@if ($can_change_enroll_to_by_lesson)
										<a href="javascript:void(0)" class="btn btn-sm btn-outline-success waves-effect mt-3 ms-7 waves-light ms-4"

                                            data-bs-toggle="modal" data-coffid="{{$courses->coffid}}" id="showEnroll"
								            data-bs-target="#modalChangeEnrollmentToByCourse"
											title='Change enrollment method'>
											Change to by lesson
											<i class="fa fa-refresh fs-10"></i>

										</a>
									@endif
								@endif

							@else
							@if ($courses->is_free && $courses->allow_enrollment)
							<form method="POST" action="{{ route('student.free.enroll', $courses->coffid) }}">
								@csrf
								<input  class="btn btn-block btn-secondary mb-3 mb-xl-0"  type="submit" value="Enroll Free">
							</form>

							@else

							<button data-bs-effect="effect-flip-horizontal" class="btn btn-block btn-secondary mb-3 mb-xl-0"
								data-bs-toggle="modal" data-coffid="{{$courses->coffid}}" id="showEnroll"

								data-bs-target="#modalEnroll"
								{{$courses->allow_enrollment ? "" : "disabled"}}
								>
								<span>{{$courses->allow_enrollment ? "Enroll" : "Enroll Not Available"}} </span> <i class="fa fa-arrow-right mt-1 ms-2 fs-14"></i>
							</button>
							@endif
						    @endif

					    </div> --}}
				</div>

			</div>
			<!--/Right Side Content-->
		</div>
		<!--Group Schedule-->
		<div class="row">
		  <div class="col-xl-12 col-lg-12 col-md-12">
			<div class="border-0 mb-5 course-details">
				<div class="wideget-user-tab wideget-user-tab3">
					<div class="tab-menu-heading">
						<div class="tabs-menu1">
							<ul class="nav">
								<li class=""><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">
					<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">
									@forelse ($groups as $group )
										<li class="mt-3">
											<div >
												<h3>
													{{$group->gname}}
												</h3>

											</div>
											<div>
												{{-- group details --}}
												<div class="row text-center mb-2 mt-6">
													<div class="support-service bg-primary col-md-6 mx-auto ">
														<i class="fa fa-calendar text-secondary"></i>
														<h6 class="text-white">
															{{$group->start_date}}
														</h6>
														<p>Group Start Date!</p>

													</div>
												</div>
													{{-- @if($group->can_add_to_favourit && $is_enrolled)
														@if ($userFavourits->where('gid', $group->gid)->first())
														<div class="row">
															<a href="javascript:void(0)" onClick="confirmRemoveGroup(event,{{$group->gid}})" class="mt-4 btn btn-outline-danger btn-sm waves-effect waves-light col-md-4 mb-6 mx-auto" data-bs-toggle="tooltip" data-bs-placement="top" title="@lang('student.course-page.remove from my schedule')">
																@lang('student.course-page.remove from my schedule')
																<i class="fa fa-trash fs-16" data-bs-toggle="tooltip"
																	data-bs-original-title="@lang('student.course-page.remove from my schedule')"></i>
																<form method="POST" action="{{ route('student.course.group.addfav',[$courses->coffid,$group->gid]) }}" id="remove-group-form-{{$group->gid}}">
																	@csrf
																	<input name="_method" type="hidden" value="POST">
																</form>
															</a>
														</div>
														@else
														<div class="row">
															<a href="javascript:void(0)" onClick="confirmAddGroup(event,{{$group->gid}})"  class="mt-4 btn btn-outline-success btn-sm waves-effect waves-light col-md-4 mb-6 mx-auto" data-bs-toggle="tooltip" data-bs-placement="top" title="@lang('student.course-page.add to my schedule')">
																@lang('student.course-page.add to my schedule')
																<i class="fa fa-heart text-danger fs-16" data-bs-toggle="tooltip"
																data-bs-original-title="@lang('student.course-page.add to my schedule')"></i>

																<form method="POST" action="{{ route('student.course.group.addfav',[$courses->coffid,$group->gid]) }}" id="add-group-form-{{$group->gid}}">
																	@csrf
																	<input name="_method" type="hidden" value="POST">
																</form>
															</a>
														</div>
														@endif
													@endif --}}
												<div class="table-responsive">
													<table
														class="table table-striped table-bordered table-vcenter text-nowrap" id="group-table">
														<thead>
															<tr class="text-center">
																<th style="text-align: center;">@lang('student.table.id')</th>
																<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>
															@php $count=0; @endphp
															@foreach ( $groupsSchedules->where('gid',$group->gid) as $schedule)
															<tr class="text-center">
																<td>
																	{{ ++$count }}
																</td>
																<td>{{Str::headline($meetingObject->getDayString($schedule->gsday))}}
																</td>
																<td>{{date('h:i A', strtotime($schedule->gsfrom))}}</td>
																<td>{{date('h:i A', strtotime($schedule->gsto))}}</td>
																<td>{{$schedule->classname}}</td>
															</tr>
															@endforeach
														</tbody>
													</table>
												</div>

											</div>
										</li>
										@empty
										<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>

									@endforelse
								</ul>
							</div>
						</div>
					</div>
					{{-- Group Recordings --}}
					<div class="tab-pane" id="tab-recordings">
						@if ($userFavourits->count()>0)
						<div class="table-responsive">
							<table
								class="data-table-example table table-striped table-bordered table-vcenter text-nowrap">
								<thead>
									<tr class="text-center">
										<th style="text-align: center;">@lang('student.table.group')</th>
										{{-- <th style="text-align: center;">@lang('student.table.date')</th> --}}
										<th style="text-align: center;"></th>
									</tr>
								</thead>
								<tbody>
									@if($is_enrolled)
										@foreach ($userFavourits as $item )

											<tr class="text-center">
												<td>{{$item->gname}}</td>
												<td>
													<a class="btn btn-sm btn-outline-primary" href="{{route('student.showGroupRecordings',[$courses->coffid,$item->gid])}}" >View Recordings</a>
												</td>
											</tr>

										@endforeach
									@else
									<img class="d-block mx-auto" width="130" src="{{ env('SECURE_ASSETS').'/images/svg/noCourses.svg' }}">
									<p class="text-center pt-3">
										<strong class="text-primary">Enroll first to see any extra in this course</strong>
									</p>
									@endif
								</tbody>
							</table>
						</div>
						@else
						<img class="d-block mx-auto" width="130" src="{{ env('SECURE_ASSETS').'/images/svg/noCourses.svg' }}">
							<p class="text-center pt-3">
								<strong class="text-primary">You have to add this group to your favorite to see the recordings</strong>
							</p>
						@endif
						<div class="card-footer bg-white br-bs-7 br-be-7 mt-5">
							<div class="btn-list">

							</div>
						</div>

					</div>
					{{-- Extra Meeting Recordings --}}
					<div class="tab-pane" id="tab-extra">

						{{-- @if($courses->allow_enrollment) --}}
							@if ($is_enrolled)
							<div class="table-responsive">
								<table class=" table table-striped table-bordered table-vcenter text-nowrap" id="extra-recording-table">
									<thead class="text-center">
                                        <th>id</th>
										<th >Title</th>
										<th>Type</th>
										<th>Date</th>
										<th></th>
									</thead>
									<tbody>
										@foreach ($course_extra_meetings as $key=>$extra_meeting )
											<tr class="text-center">
                                                <td>{{ ++$key }}</td>
                                                <td>	{{$extra_meeting->mtitle}}</td>
                                                <td>	{{$extra_meeting->exmtyname}}</td>
                                                <td>{{$extra_meeting->mstartdate}}</td>
                                                <td>
                                                    @if($extra_meeting->is_paid_for_all)
                                                        <a href="javascript:void(0)" class="join_meeting"
                                                            data-coffid="{{$courses->coffid}}"
                                                            data-mid="{{$extra_meeting->mid}}">
                                                            View Recording
                                                            <form method="get"
                                                                action="{{route('student.course.recording.view',[$courses->coffid,$extra_meeting->mid])}}" id="join-form-{{$extra_meeting->mid}}">
                                                                <input name="_method" type="hidden" value="GET" >
                                                            </form>
                                                        </a>
                                                    @else
                                                        <a href="javascript:void(0)"
                                                            class="join_extra_meeting btn btn-sm btn-outline-primary"
                                                            id="join_extra_meeting"
                                                            data-coffid="{{$courses->coffid}}"
                                                            data-mid="{{$extra_meeting->mid}}">
                                                            View Recording
                                                            <form method="get"
                                                                action="{{route('student.course.extra.recording.view',[$courses->coffid,$extra_meeting->mid])}}" id="join-extra-form-{{$extra_meeting->mid}}">
                                                                <input name="_method" type="hidden" value="GET" >
                                                            </form>
                                                        </a>
                                                    @endif


                                                </td>
											</tr>
										@endforeach
									</tbody>
								</table>
							</div>
							@else
							<img class="d-block mx-auto" width="130" src="{{ env('SECURE_ASSETS').'/images/svg/noCourses.svg' }}">
							<p class="text-center pt-3">
								<strong class="text-primary">Enroll first to see any extra in this course</strong>
							</p>
							@endif
						{{-- @endif --}}
					</div>
				</div>
		  </div>
		</div>
	</div>
</div>
</div>
<!-- MODAL EFFECTS -->
<div class="modal effect-fall bg-light fade" id="modalEnroll">
	<div class="modal-dialog modal-lg modal-dialog-centered" role="document">

		<div class="modal-content modal-content-demo">
			<div class="modal-header">
				<h6 class="modal-title">@lang('student.enroll')</h6>
				<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">×</span>
				</button>
			</div>

			<div class="modal-body">
				<h4 class=" font-weight-bold text-center text-danger">@lang('student.course-page.are you sure you want to enroll in')?</h4>
				<p class="text-center mb-5 ">Please read the instructions below carefully before you enroll.</p>
				<div class="d-flex my-2">
					<h5 class="font-weight-bold text-primary">Course Name: </h5>
					<p class="ps-2">{{$courses->has_label ? '( '.$courses->label.' )' : ''}} {{$courses->cname}} ({{$courses->lshort_name}})</p>
				</div>
				<div class="d-flex">
					<h5 class="font-weight-bold text-primary">Session: </h5>
					<p class="ps-2">{{$courses->acyname}}</p>
				</div>
				<form action="{{route('student.enroll')}}" method="POST">
					@csrf
					<input type="hidden" name="coffid" value="{{$courses->coffid}}">
						<div class="form-group">
							@if ($courses->is_free)
							@else
								<div class="row mt-2">
									<div class=" col-md-3 pt-2">
										<h5 class="font-weight-bold text-primary">Enrollment method: </h5>
									</div>
									<div class="col-md-6">
										<select name="payment_type" class="form-select select2" id="payment_type">
											<option value="0" selected disabled>Select method</option>
											@if ($courses->fee_per_lesson_total !=	0)
											<option value="1">@lang('student.course-page.pay by lesson')</option>
											@endif
											@if ($courses->fee_per_course_total !=	0)
											<option  value="2">@lang('student.course-page.pay by course')</option>
											@endif
										</select>
									</div>
								</div>
							@endif

						</div>
					</div>

					<div class="row mb-3 w-90 mx-auto rounded  p-6" style="border:1px solid #8c2828;display:none" id="by_lesson_policy_text">
						<h5>Before you can Enroll to this course, you must agree first to the following policy:
						</h5>
						<div class="col-md-6">
							<ol>
								<li class="py-4">If you enrolled by lesson, and attended paid classes then decided to switch to pay by Course. Please note that the classes you paid by lesson won't be refunded or deducted from the course price, and you will be obligated to pay the full fees of the course as per the table of installments of this course and at the predetermined due dates on the website.</li>
								<li class="py-4">Eshra7ly Online is the sole copyright holder to any recorded classes or Academic staff books, materials, notes, classified papers, etc. So, by attending any course you only get the right to use the provided materials during the course period and you don't have the right to keep any of the recorded classes or the materials mentioned earlier after the course period. All Recordings and Materials will not be accessible under any circumstances after the course period.</li>
								<li class="py-4">The period of the courses is subjected to the final examinations timetable of each session. Example: If you enrolled in a course for June 2023 final exams, then all recorded classes for that course won't be available after that date.
									So, students will not be able to access the class recordings or any of the academic staff materials after the course period on the website.</li>
							</ol>
						</div>
						<div class="col-md-6">
							<ol style="list-style: arabic-indic;text-align: justify;" dir="rtl">
								<li class="py-4">
									إذا قمت باختيار الدفع بالحصة اثناء التسجيل، وقمت بحضور حصص مدفوعة ، ثم قررت التحويل الي دفع ثمن الكورس بالكامل. يرجى ملاحظة أن القيمة المدفوعة نظير هذه الحصص لا ترد ولا يتم خصمها من سعر الكورس، وستكون ملزماً بدفع الرسوم الكاملة للكورس وفقاً لجدول الأقساط الخاصة بالكورس و تواريخها المحددة مسبقاً علي الموقع .
								</li>
								<li class="py-4 mt-7">اشرحلي اونلاين هي المالك الوحيد لحقوق التصوير و النشر لأي حصص مسجلة و الكتب و الاوراق الدراسية الخاصة بالطاقم التعليمي وما إلى ذلك. يرجي الملاحظه أنه من خلال التسجيل و الحضور أي كورس علي الموقع، فإنك تحصل فقط على الحق في استخدام المواد المقدمة خلال فترة الكورس ولا يحق لك الاحتفاظ بالحصص المسجلة او اي من الادوات المذكورة مسبقاً بعد انتهاء الكورس. و لن يكون متاح الوصول إلى جميع التسجيلات تحت أي ظرف من الظروف بعد انتهاء فترة الكورس .
								</li>
								<li class="py-4 mt-7">تخضع مدة الكورس للجدول الزمني للامتحانات النهائية لكل فترة دراسية. مثال: ان قمت بالتسجيل في كورس مقرر امتحاناته النهائية في شهر يونيو ٢٠٢٣، إذا فإن أي حصص مسجلة خاصة بالكورس لن تكون متاحة بعد هذا التاريخ.
									فلن يتمكن الطلاب من الوصول إلى تسجيلات الحصص او الكتب و الاوراق الدراسية الخاصة بالطاقم التعليمي بعد انتهاء الفترة المقررة للكورس على الموقع.</li>
							</ol>
						</div>
					</div>

					<div class="row mb-3 w-90 mx-auto rounded  p-6" style="border:1px solid #8c2828;display:none" id="by_course_policy_text">
						<h5>Before you can Enroll to this course, you must agree first to the following policy:
						</h5>
						<div class="col-md-6">
							<ol>
								<li class="py-4">If you decided to enroll and pay the full course, please note that the course fees might not be refunded in case of dropping the course, and the approval of any refund request is subjected to Eshra7ly's management decision.</li>
								<li class="py-4">Eshra7ly Online is the sole copyright holder to any recorded classes or Academic staff books, materials, notes, classified papers, etc. So, by attending any course you only get the right to use the provided materials during the course period and you don't have the right to keep any of the recorded classes or the materials mentioned earlier after the course period. All Recordings and Materials will not be accessible under any circumstances after the course period.</li>
								<li class="py-4">The period of the courses is subjected to the final examinations timetable of each session. Example: If you enrolled in a course for June 2023 final exams, then all recorded classes for that course won't be available after that date.
									So, students will not be able to access the class recordings or any of the academic staff materials after the course period on the website.</li>
							</ol>
						</div>
						<div class="col-md-6">
							<ol style="list-style: arabic-indic;text-align: justify;" dir="rtl">
								<li class="py-4">إذا قمت باختيار الدفع للكورس بالكامل اثناء التسجيل، فيرجى ملاحظة أنه قد لا يتم استرداد رسوم الكورس في حالة التوقف عن الكورس، وتخضع الموافقة على أي طلب استرداد لقرار إدارة الموقع. </li>
								<li class="py-4 mt-7">اشرحلي اونلاين هي المالك الوحيد لحقوق التصوير و النشر لأي حصص مسجلة و الكتب و الاوراق الدراسية الخاصة بالطاقم التعليمي وما إلى ذلك. يرجي الملاحظه أنه من خلال التسجيل و الحضور أي كورس علي الموقع، فإنك تحصل فقط على الحق في استخدام المواد المقدمة خلال فترة الكورس ولا يحق لك الاحتفاظ بالحصص المسجلة او اي من الادوات المذكورة مسبقاً بعد انتهاء الكورس. و لن يكون متاح الوصول إلى جميع التسجيلات تحت أي ظرف من الظروف بعد انتهاء فترة الكورس .</li>
								<li class="py-4 mt-7">تخضع مدة الكورس للجدول الزمني للامتحانات النهائية لكل فترة دراسية. مثال: ان قمت بالتسجيل في كورس مقرر امتحاناته النهائية في شهر يونيو ٢٠٢٣، إذا فإن أي حصص مسجلة خاصة بالكورس لن تكون متاحة بعد هذا التاريخ.
									فلن يتمكن الطلاب من الوصول إلى تسجيلات الحصص او الكتب و الاوراق الدراسية الخاصة بالطاقم التعليمي بعد انتهاء الفترة المقررة للكورس على الموقع.</li>
							</ol>
						</div>
					</div>

					<div class="form-group ms-6 mt-6" style="display: none" id="agree_policy_container">
						<label class="custom-control form-checkbox">
							<input type="checkbox" name="agree_policy" class="custom-control-input" id="agree_policy_checkbox">
							<span class="custom-control-label text-danger fw-bold">I agree</span>
						</label>
					</div>

					<div class="modal-footer">
						<button type="submit" id="enroll_submit_btn" class="btn btn-block btn-secondary w-25 d-block mx-auto" disabled="true">@lang('student.enroll')</button>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>

@if ($is_enrolled)
{{-- change enrollment to by course --}}
<div class="modal effect-fall bg-light fade" id="modalChangeEnrollmentToByLesson">
	<div class="modal-dialog modal-lg modal-dialog-centered" role="document">

		<div class="modal-content modal-content-demo">
			<div class="modal-header">
				<h6 class="modal-title">Change Enrollment</h6>
				<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">×</span>
				</button>
			</div>

			<div class="modal-body">
				<h4 class=" font-weight-bold text-center text-danger">Are You Sure You Want To Change Enrollment Method</h4>
				<p class="text-center mb-5 ">Please read the instructions below carefully before you change enrollment method.</p>
				<div class="d-flex my-2">
					<h5 class="font-weight-bold text-primary">Course Name: </h5>
					<p class="ps-2">{{$courses->has_label ? '( '.$courses->label.' )' : ''}} {{$courses->cname}} ({{$courses->lshort_name}})</p>
				</div>
				<div class="d-flex">
					<h5 class="font-weight-bold text-primary">Session: </h5>
					<p class="ps-2">{{$courses->acyname}}</p>
				</div>
				<form action="{{route('student.changeEnrollmentMethod')}}" method="POST">
					@csrf
					<input name="_method" type="hidden" value="Post">
					<input name="eid" type="hidden" value="{{$enrollment->eid}}">
						<div class="form-group">
                            <div class="row mt-2">
                                <div class=" col-md-3 pt-2">
                                    <h5 class="font-weight-bold text-primary">Enrollment method: </h5>
                                </div>
                                <div class="col-md-6">
                                    <select name="payment_type" class="form-select select2" id="payment_type">
                                        <option value="1">@lang('student.course-page.pay by course')</option>
                                    </select>
                                </div>
                            </div>
						</div>
					</div>

                    <div class="row mb-3 w-90 mx-auto rounded  p-6" style="border:1px solid #8c2828;" id="by_course_policy_text">
						<h5>Before you can Enroll to this course, you must agree first to the following policy:
						</h5>
						<div class="col-md-6">
							<ol>
								<li class="py-4">If you decided to enroll and pay the full course, please note that the course fees might not be refunded in case of dropping the course, and the approval of any refund request is subjected to Eshra7ly's management decision.</li>
								<li class="py-4">Eshra7ly Online is the sole copyright holder to any recorded classes or Academic staff books, materials, notes, classified papers, etc. So, by attending any course you only get the right to use the provided materials during the course period and you don't have the right to keep any of the recorded classes or the materials mentioned earlier after the course period. All Recordings and Materials will not be accessible under any circumstances after the course period.</li>
								<li class="py-4">The period of the courses is subjected to the final examinations timetable of each session. Example: If you enrolled in a course for June 2023 final exams, then all recorded classes for that course won't be available after that date.
									So, students will not be able to access the class recordings or any of the academic staff materials after the course period on the website.</li>
							</ol>
						</div>
						<div class="col-md-6">
							<ol style="list-style: arabic-indic;text-align: justify;" dir="rtl">
								<li class="py-4">إذا قمت باختيار الدفع للكورس بالكامل اثناء التسجيل، فيرجى ملاحظة أنه قد لا يتم استرداد رسوم الكورس في حالة التوقف عن الكورس، وتخضع الموافقة على أي طلب استرداد لقرار إدارة الموقع. </li>
								<li class="py-4 mt-7">اشرحلي اونلاين هي المالك الوحيد لحقوق التصوير و النشر لأي حصص مسجلة و الكتب و الاوراق الدراسية الخاصة بالطاقم التعليمي وما إلى ذلك. يرجي الملاحظه أنه من خلال التسجيل و الحضور أي كورس علي الموقع، فإنك تحصل فقط على الحق في استخدام المواد المقدمة خلال فترة الكورس ولا يحق لك الاحتفاظ بالحصص المسجلة او اي من الادوات المذكورة مسبقاً بعد انتهاء الكورس. و لن يكون متاح الوصول إلى جميع التسجيلات تحت أي ظرف من الظروف بعد انتهاء فترة الكورس .</li>
								<li class="py-4 mt-7">تخضع مدة الكورس للجدول الزمني للامتحانات النهائية لكل فترة دراسية. مثال: ان قمت بالتسجيل في كورس مقرر امتحاناته النهائية في شهر يونيو ٢٠٢٣، إذا فإن أي حصص مسجلة خاصة بالكورس لن تكون متاحة بعد هذا التاريخ.
									فلن يتمكن الطلاب من الوصول إلى تسجيلات الحصص او الكتب و الاوراق الدراسية الخاصة بالطاقم التعليمي بعد انتهاء الفترة المقررة للكورس على الموقع.</li>
							</ol>
						</div>
					</div>


					<div class="form-group ms-6 mt-6">
						<label class="custom-control form-checkbox">
							<input type="checkbox" name="agree_policy" class="custom-control-input" id="agree_by_course_policy_checkbox">
							<span class="custom-control-label text-danger fw-bold">I agree</span>
						</label>
					</div>

					<div class="modal-footer">
						<button type="submit" id="change_by_course_submit_btn" class="btn btn-block btn-secondary w-25 d-block mx-auto" disabled="true">Change to by course</button>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>

{{-- change enrollment to by lesson --}}
<div class="modal effect-fall bg-light fade" id="modalChangeEnrollmentToByCourse">
	<div class="modal-dialog modal-lg modal-dialog-centered" role="document">

		<div class="modal-content modal-content-demo">
			<div class="modal-header">
				<h6 class="modal-title">Change Enrollment</h6>
				<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">×</span>
				</button>
			</div>

			<div class="modal-body">
				<h4 class=" font-weight-bold text-center text-danger">Are You Sure You Want To Change Enrollment Method ?</h4>
				<p class="text-center mb-5 ">Please read the instructions below carefully before you change enrollment method.</p>
				<div class="d-flex my-2">
					<h5 class="font-weight-bold text-primary">Course Name: </h5>
					<p class="ps-2">{{$courses->has_label ? '( '.$courses->label.' )' : ''}} {{$courses->cname}} ({{$courses->lshort_name}})</p>
				</div>
				<div class="d-flex">
					<h5 class="font-weight-bold text-primary">Session: </h5>
					<p class="ps-2">{{$courses->acyname}}</p>
				</div>
				<form action="{{route('student.changeEnrollmentMethod')}}" method="POST">
					@csrf
					<input name="_method" type="hidden" value="Post">
					<input name="eid" type="hidden" value="{{$enrollment->eid}}">
						<div class="form-group">
                            <div class="row mt-2">
                                <div class=" col-md-3 pt-2">
                                    <h5 class="font-weight-bold text-primary">Enrollment method: </h5>
                                </div>
                                <div class="col-md-6">
                                    <select name="payment_type" class="form-select select2" id="payment_type">
                                        <option  value="2">@lang('student.course-page.pay by lesson')</option>
                                    </select>
                                </div>
                            </div>
						</div>
					</div>

                    <div class="row mb-3 w-90 mx-auto rounded  p-6" style="border:1px solid #8c2828;" id="by_lesson_policy_text">
						<h5>Before you can Enroll to this course, you must agree first to the following policy:
						</h5>
						<div class="col-md-6">
							<ol>
								<li class="py-4">If you enrolled by lesson, and attended paid classes then decided to switch to pay by Course. Please note that the classes you paid by lesson won't be refunded or deducted from the course price, and you will be obligated to pay the full fees of the course as per the table of installments of this course and at the predetermined due dates on the website.</li>
								<li class="py-4">Eshra7ly Online is the sole copyright holder to any recorded classes or Academic staff books, materials, notes, classified papers, etc. So, by attending any course you only get the right to use the provided materials during the course period and you don't have the right to keep any of the recorded classes or the materials mentioned earlier after the course period. All Recordings and Materials will not be accessible under any circumstances after the course period.</li>
								<li class="py-4">The period of the courses is subjected to the final examinations timetable of each session. Example: If you enrolled in a course for June 2023 final exams, then all recorded classes for that course won't be available after that date.
									So, students will not be able to access the class recordings or any of the academic staff materials after the course period on the website.</li>
							</ol>
						</div>
						<div class="col-md-6">
							<ol style="list-style: arabic-indic;text-align: justify;" dir="rtl">
								<li class="py-4">
									إذا قمت باختيار الدفع بالحصة اثناء التسجيل، وقمت بحضور حصص مدفوعة ، ثم قررت التحويل الي دفع ثمن الكورس بالكامل. يرجى ملاحظة أن القيمة المدفوعة نظير هذه الحصص لا ترد ولا يتم خصمها من سعر الكورس، وستكون ملزماً بدفع الرسوم الكاملة للكورس وفقاً لجدول الأقساط الخاصة بالكورس و تواريخها المحددة مسبقاً علي الموقع .
								</li>
								<li class="py-4 mt-7">اشرحلي اونلاين هي المالك الوحيد لحقوق التصوير و النشر لأي حصص مسجلة و الكتب و الاوراق الدراسية الخاصة بالطاقم التعليمي وما إلى ذلك. يرجي الملاحظه أنه من خلال التسجيل و الحضور أي كورس علي الموقع، فإنك تحصل فقط على الحق في استخدام المواد المقدمة خلال فترة الكورس ولا يحق لك الاحتفاظ بالحصص المسجلة او اي من الادوات المذكورة مسبقاً بعد انتهاء الكورس. و لن يكون متاح الوصول إلى جميع التسجيلات تحت أي ظرف من الظروف بعد انتهاء فترة الكورس .
								</li>
								<li class="py-4 mt-7">تخضع مدة الكورس للجدول الزمني للامتحانات النهائية لكل فترة دراسية. مثال: ان قمت بالتسجيل في كورس مقرر امتحاناته النهائية في شهر يونيو ٢٠٢٣، إذا فإن أي حصص مسجلة خاصة بالكورس لن تكون متاحة بعد هذا التاريخ.
									فلن يتمكن الطلاب من الوصول إلى تسجيلات الحصص او الكتب و الاوراق الدراسية الخاصة بالطاقم التعليمي بعد انتهاء الفترة المقررة للكورس على الموقع.</li>
							</ol>
						</div>
					</div>

					<div class="form-group ms-6 mt-6">
						<label class="custom-control form-checkbox">
							<input type="checkbox" name="agree_policy" class="custom-control-input" id="agree_by_lesson_policy_checkbox">
							<span class="custom-control-label text-danger fw-bold">I agree</span>
						</label>
					</div>

					<div class="modal-footer">
						<button type="submit" id="change_by_lesson_submit_btn" class="btn btn-block btn-secondary w-25 d-block mx-auto" disabled="true">Change to by lesson</button>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>
@endif
<!-- /Video Modal -->
<div class="modal effect-fall fade" id="homeVideo" tabindex="-1" role="dialog">
	<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 -->
@endsection

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

				}

			});
	}

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

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

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

			}
		});
	});

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

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

                }
            });
    });

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

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

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

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

<script>
	$('#payment_type').on('change',function(){
		$('#agree_policy_container').show();
		if($(this).val() == 1){
			$('#by_lesson_policy_text').show()
			$('#by_course_policy_text').hide()
		}else if($(this).val() == 2){
			$('#by_lesson_policy_text').hide()
			$('#by_course_policy_text').show()
		}else{
			$('#by_lesson_policy_text').hide()
			$('#by_course_policy_text').hide()
		}
	})

	$('#agree_policy_checkbox').on('change',function(){
		if($(this).is(':checked')){
			$('#enroll_submit_btn').attr('disabled',false)
		}else{
			$('#enroll_submit_btn').attr('disabled',true)
		}
	})

    $('#agree_by_course_policy_checkbox').on('change',function(){
		if($(this).is(':checked')){
			$('#change_by_course_submit_btn').attr('disabled',false)
		}else{
			$('#change_by_course_submit_btn').attr('disabled',true)
		}
	})

    $('#agree_by_lesson_policy_checkbox').on('change',function(){
		if($(this).is(':checked')){
			$('#change_by_lesson_submit_btn').attr('disabled',false)
		}else{
			$('#change_by_lesson_submit_btn').attr('disabled',true)
		}
	})

</script>
@endsection