@extends('layouts.admin')

@section('content')
				<!--App-Content-->
				<div class="app-content my-3 my-md-5">
					<div class="side-app">
                        <x-page.header>Dashboard</x-page.header>
						<div class="row">
                            {{-- Students Courses Card --}}
                            {{-- Students --}}
							<div class=" col-sm-12 col-md-6 col-lg-6 col-xl-4">
								<div class="card">
									<div class="card-body text-center">
										<div class="counter-status dash3-counter d-flex">
											<div class="counter-icon bg-primary-dark my-auto br-100">
												<i class="mdi mdi-account leading-loose"></i>
											</div>
											<div class="ms-auto">
												<h6 class="mb-0 fs-13"> Students</h6>
												<h4 class="mt-4 mb-0">{{$students_count}}</h4>
												<a href="{{route('admin.students.index')}}"
													class="btn btn-primary btn-xs mt-3">View Students</a>
											</div>
										</div>
									</div>
								</div>
							</div>
							{{-- Inactive Card --}}
							<div class=" col-sm-12 col-md-6 col-lg-6 col-xl-4">
								<div class="card">
									<div class="card-body text-center">
										<div class="counter-status dash3-counter d-flex">
											<div class="counter-icon bg-primary-dark  my-auto br-100">
												<i class="mdi mdi-account leading-loose"></i>
											</div>
											<div class="ms-auto">
												<h6 class="mb-0 fs-13">Inactive</h6>
												<h4 class="mt-4 mb-0"> {{$inactive_count}}</h4>
												<a href="{{route("admin.inactive")}}"
													class="btn btn-primary btn-xs mt-3">View Students</a>
											</div>
										</div>
									</div>
								</div>
							</div>
                            {{-- Extra meeting request --}}
							<div class=" col-sm-12 col-md-6 col-lg-6 col-xl-4">
								<div class="card">
									<div class="card-body text-center">
										<div class="counter-status dash3-counter d-flex">
											<div class="counter-icon bg-primary-dark my-auto br-100">
												<i class="mdi mdi-calendar leading-loose"></i>
											</div>
											<div class="ms-auto">
												<h6 class="mb-0 fs-13">Requests</h6>
												<h4 class="mt-4 mb-0">{{$extra_meeting_requests_count}}</h4>
												<a href="{{route('admin.pending-extra-meeting.requests')}}"
													class="btn btn-primary btn-xs mt-3">View Requests</a>
											</div>
										</div>
									</div>
								</div>
							</div>
                            {{-- Enrollments --}}
                            <div class=" col-sm-12 col-md-6 col-lg-6 col-xl-4">
								<div class="card">
									<div class="card-body text-center">
										<div class="counter-status dash3-counter d-flex">
											<div class="counter-icon bg-primary-dark my-auto br-100">
												<i class="mdi mdi-pencil leading-loose"></i>
											</div>
											<div class="ms-auto">
												<h6 class="mb-0 fs-13">Overall Enrollments</h6>
												<h4 class="mt-4 mb-0">{{$overall_enrollments_count}}</h4>
												<a href="{{route('admin.system-settings.enrolledStudents',['status=overall'])}}"
													class="btn btn-primary btn-xs mt-3">View Enrollments</a>
											</div>
										</div>
									</div>
								</div>
							</div>

                            <div class=" col-sm-12 col-md-6 col-lg-6 col-xl-4">
								<div class="card">
									<div class="card-body text-center">
										<div class="counter-status dash3-counter d-flex">
											<div class="counter-icon bg-primary-dark my-auto br-100">
												<i class="mdi mdi-pencil leading-loose"></i>
											</div>
											<div class="ms-auto">
												<h6 class="mb-0 fs-13">Active Enrollments</h6>
												<h4 class="mt-4 mb-0">{{$active_enrollments_count}}</h4>
												<a href="{{route('admin.system-settings.enrolledStudents',['status=active'])}}"
													class="btn btn-primary btn-xs mt-3">View Enrollments</a>
											</div>
										</div>
									</div>
								</div>
							</div>

                            <div class=" col-sm-12 col-md-6 col-lg-6 col-xl-4">
								<div class="card">
									<div class="card-body text-center">
										<div class="counter-status dash3-counter d-flex">
											<div class="counter-icon bg-primary-dark my-auto br-100">
												<i class="mdi mdi-pencil leading-loose"></i>
											</div>
											<div class="ms-auto">
												<h6 class="mb-0 fs-13">InActive Enrollments</h6>
												<h4 class="mt-4 mb-0">{{$inactive_enrollments_count}}</h4>
												<a href="{{route('admin.system-settings.enrolledStudents',['status=inactive'])}}"
													class="btn btn-primary btn-xs mt-3">View Enrollments</a>
											</div>
										</div>
									</div>
								</div>
							</div>


                            {{-- installments --}}
                            <div class=" col-sm-12 col-md-6 col-lg-6 col-xl-4">
								<div class="card">
									<div class="card-body text-center">
										<div class="counter-status dash3-counter d-flex">
											<div class="counter-icon bg-primary-dark my-auto br-100">
												<i class="mdi mdi-account leading-loose"></i>
											</div>
											<div class="ms-auto">
												<h6 class="mb-0 fs-13">Installments</h6>
												<h4 class="mt-4 mb-0">{{$installments}}</h4>
												<a href="{{route('admin.installmentTransactions')}}"
													class="btn btn-primary btn-xs mt-3">View Installments</a>
											</div>
										</div>
									</div>
								</div>
							</div>
                            {{-- Un calculated Transactions --}}
                            <div class=" col-sm-12 col-md-6 col-lg-6 col-xl-4">
								<div class="card">
									<div class="card-body text-center">
										<div class="counter-status dash3-counter d-flex">
											<div class="counter-icon bg-primary-dark my-auto br-100">
												<i class="fa fa-money leading-loose"></i>
											</div>
											<div class="ms-auto">
												<h6 class="mb-0 fs-12">Un-Calculated Transactions</h6>
												<h4 class="mt-4 mb-0">{{$uncalculated_transactions}}</h4>
												<a href="{{route('admin.unCalculatedTransactions')}}"
													class="btn btn-primary btn-xs mt-3">View Transactions</a>
											</div>
										</div>
									</div>
								</div>
							</div>
                            @if($wallet_transaction_errors > 0)
                            {{-- Repeated Walled Transaction --}}
                            <div class=" col-sm-12 col-md-6 col-lg-6 col-xl-4">
								<div class="card">
									<div class="card-body text-center">
										<div class="counter-status dash3-counter d-flex">
											<div class="counter-icon bg-primary-dark my-auto br-100">
												<i class="fa fa-warning text-danger leading-loose"></i>
											</div>
											<div class="ms-auto">
												<h6 class="mb-0 fs-13">Recharge Errors</h6>
												<h4 class="mt-4 mb-0">{{$wallet_transaction_errors}}</h4>
												<a href="{{route('admin.duplicatedRechargeTransactions')}}"
													class="btn btn-primary btn-xs mt-3">View Details</a>
											</div>
										</div>
									</div>
								</div>
							</div>
                            @endif
                            {{-- @if($duplicated_transaction_by_lesson > 0) --}}
                            {{-- Repeated Walled Transaction --}}
                            {{-- <div class=" col-sm-12 col-md-6 col-lg-6 col-xl-4">
								<div class="card">
									<div class="card-body text-center">
										<div class="counter-status dash3-counter d-flex">
											<div class="counter-icon bg-primary-dark my-auto br-100">
												<i class="fa fa-warning text-danger leading-loose"></i>
											</div>
											<div class="ms-auto">
												<h6 class="mb-0 fs-13">Duplicated Trans</h6>
												<h4 class="mt-4 mb-0">{{$duplicated_transaction_by_lesson}}</h4>
												<a href="{{route('admin.duplicated_transaction_by_lesson')}}"
													class="btn btn-primary btn-xs mt-3">View Details</a>
											</div>
										</div>
									</div>
								</div>
							</div> --}}
                            {{-- @endif --}}
                            @if($uncalculated_transactions_less_than_month > 0)
                            {{-- Un calculated Transactions less than month --}}
                            <div class=" col-sm-12 col-md-6 col-lg-6 col-xl-4">
								<div class="card">
									<div class="card-body text-center">
										<div class="counter-status dash3-counter d-flex">
											<div class="counter-icon bg-primary-dark my-auto br-100">
												<i class="fa fa-warning text-danger leading-loose"></i>
											</div>
											<div class="ms-auto">
												<h6 class="mb-0 fs-13">transactions errror</h6>
												<h6 class="mt-4 mb-0">{{$uncalculated_transactions_less_than_month}}</h6>
												<a href="{{route('admin.uncalculatedTransactionsLessThanMonth')}}"
													class="btn btn-primary btn-xs mt-3">View Details</a>
											</div>
										</div>
									</div>
								</div>
							</div>
                            @endif
                            @if($uncalculated_installments_less_than_month > 0)
                            {{-- Un calculated Installments less than month --}}
                            <div class=" col-sm-12 col-md-6 col-lg-6 col-xl-4">
								<div class="card">
									<div class="card-body text-center">
										<div class="counter-status dash3-counter d-flex">
											<div class="counter-icon bg-primary-dark my-auto br-100">
												<i class="fa fa-warning text-danger leading-loose"></i>
											</div>
											<div class="ms-auto">
												<h6 class="mb-0 fs-13">installments errror</h6>
												<h6 class="mt-4 mb-0">{{$uncalculated_installments_less_than_month}}</h6>
												<a href="{{route('admin.uncalculatedInstallmentsLessThanMonth')}}"
													class="btn btn-primary btn-xs mt-3">View Details</a>
											</div>
										</div>
									</div>
								</div>
							</div>
                            @endif

                            @if($group_schedules_not_in_today_meetings > 0)
                            {{-- group_schedules_not_in_today_meetings --}}
                            <div class=" col-sm-12 col-md-6 col-lg-6 col-xl-4">
								<div class="card" data-bs-toggle="tooltip" data-bs-original-title="there are {{$group_schedules_not_in_today_meetings}} today schedules suppose to have meetings today">
									<div class="card-body text-center">
										<div class="counter-status dash3-counter d-flex">
											<div class="counter-icon bg-primary-dark my-auto br-100">
												<i class="fa fa-warning text-danger leading-loose"></i>
											</div>
											<div class="ms-auto">
												<h6 class="mb-0 fs-13">today meetings warning</h6>
												<h6 class="mt-4 mb-0">{{$group_schedules_not_in_today_meetings}}</h6>
												<a href="{{route('admin.groupSchedulesNotInTodayMeetings')}}"
													class="btn btn-primary btn-xs mt-3">View Details</a>
											</div>
										</div>
									</div>
								</div>
							</div>
                            @endif
                            @if($missed_recordings > 0)
                            <div class=" col-sm-12 col-md-6 col-lg-6 col-xl-4">
								<div class="card" data-bs-toggle="tooltip" data-bs-original-title="there are {{$missed_recordings}} meetings suppose to have recordings">
									<div class="card-body text-center">
										<div class="counter-status dash3-counter d-flex">
											<div class="counter-icon bg-primary-dark my-auto br-100">
												<i class="fa fa-warning text-danger leading-loose"></i>
											</div>
											<div class="ms-auto">
												<h6 class="mb-0 fs-13">Missed Recordings</h6>
												<h6 class="mt-4 mb-0">{{$missed_recordings}}</h6>
												<a href="{{route('admin.missed-recordings')}}"
													class="btn btn-primary btn-xs mt-3">View Details</a>
											</div>
										</div>
									</div>
								</div>
							</div>
                            @endif

                            <div class="row">
                                {{-- @if ($notifications->count() > 0)
                                <div class="card">
                                    <div class="card-header">
                                        <h3 class="card-title">Notifications</h3>
                                        <div class="card-options">
                                            <form action="{{route('admin.notification.markAsRead')}}" method="post">
                                                @csrf
                                                <button type="submit" class="btn btn-outline-success btn-sm ms-2">Mark all as read</a>
                                            </form>
										</div>
                                    </div>
                                    <div class="card-body pb-5">
                                        <ul class="vertical-scroll">
                                            @foreach ($notifications as $notification)
                                                <li class="news-item">
                                                    <table>
                                                        <tr>
                                                            <td>
                                                                <img src="{{env('SECURE_ASSETS').'/images/media/notifications.svg'}}" alt="img" class="w-8 border me-2 p-2"/>
                                                            </td>
                                                            <td class="py-3">
                                                                <h5 class="mb-2 font-weight-semibold">
                                                                    {{$notification->data['title']}}
                                                                    <span class="text-success fs-15 ms-2"><i class="fa fa-whatsapp"></i></span>
                                                                </h5>
                                                                <p>{{$notification->data['body']}}</p>
                                                                <a href="{{route('admin.system-settings.whatsappGroups')}}" target="_blank" class="btn-link text-muted">View Details</a>
                                                                <small class="text-muted fs-14 float-end">
                                                                    <i class="fa fa-clock-o"></i>
                                                                    {{$notification->created_at->diffForHumans()}}
                                                                </small>
                                                            </td>

                                                        </tr>
                                                    </table>
                                                </li>
                                            @endforeach
                                        </ul>
                                    </div>
                                </div>
                                @endif --}}
                                {{-- Meetings --}}
                                <h4 class="page-title py-5">Meetings</h4>
                                <div class="col-xl-12 col-lg-12 col-md-12">

                                    <div class="">
                                        <div class="">
                                            <div class="">
                                                <div class="">
                                                    <div class="row mb-3">
                                                        <div class="col-sm-4 my-3">
                                                            <form action="{{route('admin.home.meetings')}}">
                                                                <input type="hidden" name="meetings" value="yesterday_meetings">
                                                                <button type="submit" class="btn {{request()->meetings=='yesterday_meetings'?'btn-white disabled text-primary font-weight-bold':'btn-primary'}} w-100">
                                                                    Yesterday Meetings
                                                                </button>
                                                            </form>
                                                        </div>
                                                        <div  class="col-sm-4 my-3">
                                                            <form action="{{route('admin.home.meetings')}}">
                                                                <input type="hidden" name="meetings" value="today_meetings">
                                                                <button type="submit" class="btn {{!request()->meetings || request()->meetings=='today_meetings'?'btn-white disabled text-primary font-weight-bold':'btn-primary'}} w-100">
                                                                 Today Meetings
                                                                </button>
                                                            </form>
                                                        </div>
                                                        <div  class="col-sm-4 my-3">
                                                            <form action="{{route('admin.home.meetings')}}">
                                                                <input type="hidden" name="meetings" value="tommorow_meetings">
                                                                <button type="submit" class="btn {{request()->meetings=='tommorow_meetings'? 'btn-white disabled text-primary font-weight-bold':'btn-primary'}} w-100">Tomorrow  Meetings</button>
                                                            </form>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="border-0 p-5 bg-white" id="meetings">
                                            @if (request()->meetings=='yesterday_meetings')
                                            {{-- Yesterday Meetings --}}
                                            <div class="" id="tab-yesterday">
                                                <div class="table-responsive">
                                                    <table class="data-table-example table table-striped table-bordered table-vcenter text-nowrap">
                                                        <thead>
                                                            <tr class="text-center">
                                                                <th>Number</th>
                                                                <th>Topic</th>
                                                                <th>Level</th>
                                                                <th>Status</th>
                                                                <th>Date/Time</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                        @foreach ($yesterday_meetings as $meeting)
                                                            <tr class="text-center">
                                                                <td>{{$meeting->mnumber}}</td>
                                                                <td>{{$meeting->mtopic}}</td>
                                                                <td><span class="badge badge-success">{{$meeting->lname}}</span></td>
                                                                <td>
                                                                    {{$meeting->mstatus}}<br>
                                                                    <span class="badge badge-success">{{$meeting->is_extra ? 'Extra meeting':''}}</span>
                                                                    @if($meeting->is_extra == 0)
                                                                        <span class="badge badge-danger">{{$meeting->is_deleted ? 'Deactivated':''}}</span>
                                                                    @endif
                                                                </td>
                                                                <td>
                                                                    <i class="fa fa-calendar"></i>
                                                                    {{ $meeting->mstartdate . ' / '}}
                                                                    <i class="fa fa-clock-o"></i>
                                                                    {{date('h:i A', strtotime($meeting->mstarttime))}}
                                                                </td>
                                                            </tr>

                                                        @endforeach
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                            @endif
                                            @if (!request()->meetings||request()->meetings=='today_meetings')
                                            {{-- Today Meetings --}}
                                            <div class="" id="tab-today">
                                                <div class="table-responsive">
                                                    <table class="data-table-example table table-striped table-bordered table-vcenter text-nowrap">
                                                        <thead>
                                                            <tr class="text-center">
                                                                <th>Number</th>
                                                                <th>Password</th>
                                                                <th>join</th>
                                                                <th>Topic</th>
                                                                <th>Attendance</th>
                                                                <th>level</th>
                                                                <th>Status</th>
                                                                <th>Date/Time</th>
                                                                <th>Cancel Meeting</th>
                                                                <th>Share Meeting URL</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                        @foreach ($today_meetings as $meeting)
                                                            <tr class="text-center">
                                                                <td>
                                                                    <p>{{$meeting->mnumber}}</p>
                                                                    @if ($meeting->is_extra)
                                                                        @if (in_array($meeting->is_extra_id,$today_meetings
                                                                            ->where('mid','!=',$meeting->mid)
                                                                            ->where('is_extra_id',$meeting->is_extra_id)
                                                                            ->pluck('is_extra_id')->toArray()))
                                                                            <div class="badge badge-info">
                                                                                merged
                                                                            </div>
                                                                        @endif
                                                                    @endif
                                                                </td>
                                                                <td>{{$meeting->mpassword}}</td>
                                                                <td>
                                                                    @php
                                                                    $found = 0;
                                                                    @endphp
                                                                    @if (now()->format('H:i:s') < date('H:i:s', strtotime('+' . $meeting->mduration + 30 . ' minutes', strtotime($meeting->mstarttime))) && now()->format('H:i:s') > date('H:i:s', strtotime($meeting->mstarttime) - 900) && $meeting->mstartdate === now()->format('Y-m-d'))
                                                                        @php
                                                                            $found = 1;

                                                                        @endphp
                                                                    @endif
                                                                    @if ($found && $meeting->mstatus!='Canceled')
                                                                    <a href="{{route('admin.joinlesson',$meeting->mid)}}" class="btn btn-outline-success btn-sm waves-effect waves-light">Join Lesson</a>
                                                                    @else
                                                                    <a style="pointer-events: none;" href="#" class="btn btn-outline-light btn-sm waves-effect waves-light">Join Lesson</a>
                                                                    @endif
                                                                </td>
                                                                <td>{{$meeting->mtopic}}</td>
                                                                <td><a href="{{route('meeting.attendance',$meeting->mid)}}" class="btn btn-outline-light btn-sm waves-effect waves-light">View</a></td>

                                                                <td><span class="badge badge-success">{{$meeting->lname}}</span></td>
                                                                <td>
                                                                    {{$meeting->mstatus}}<br>
                                                                    <span class="badge badge-success">{{$meeting->is_extra ? 'Extra meeting':''}}</span>
                                                                    @if($meeting->is_extra == 0)
                                                                        <span class="badge badge-danger">{{$meeting->is_deleted ? 'Deactivated':''}}</span>
                                                                    @endif
                                                                </td>
                                                                <td>
                                                                    <i class="fa fa-calendar"></i>
                                                                    {{ $meeting->mstartdate . ' / '}}
                                                                    <i class="fa fa-clock-o"></i>
                                                                    {{date('h:i A', strtotime($meeting->mstarttime))}}
                                                                    </td>

                                                                <td style="text-align: center;">
                                                                    @if ($meeting->mstatus == 'Canceled')
                                                                    <a href="javascript:void(0)" onClick="confirmCancel(event,{{$meeting->mid}})" class="disabled btn btn-outline-light btn-sm waves-effect waves-light"
                                                                        data-bs-toggle="tooltip" data-bs-original-title="Cancel/Refund"
                                                                        >
                                                                        cancel
                                                                        <form method="POST" action="{{ route('meetings-cancel', $meeting->mid) }}" id="cancel-form-{{$meeting->mid}}">
                                                                            @csrf
                                                                            <input name="_method" type="hidden" value="POST">

                                                                        </form>
                                                                    </a>
                                                                    <p class="text-text-danger">Meeting Canceled</p>
                                                                    @else
                                                                    <a href="javascript:void(0)" onClick="confirmCancel(event,{{$meeting->mid}})" class="btn btn-outline-light btn-sm waves-effect waves-light"
                                                                        data-bs-toggle="tooltip" data-bs-original-title="Cancel/Refund"
                                                                        >
                                                                        cancel
                                                                        <form method="POST" action="{{ route('meetings-cancel', $meeting->mid) }}" id="cancel-form-{{$meeting->mid}}">
                                                                            @csrf
                                                                            <input name="_method" type="hidden" value="POST">

                                                                        </form>
                                                                        </a>

                                                                    @endif

                                                                </td>
                                                                <td>
                                                                  @if ($meeting->shareable_url != "")
                                                                    <div>
                                                                        <div class="d-flex">
                                                                            <input type="text" readonly id="link_{{$meeting->mid}}" class="form-control" value="{{$meeting->shareable_url}}">
                                                                            {{-- 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({{$meeting->mid}})"></i>
                                                                            </a>
                                                                        </div>
                                                                        <div class="d-flex mt-1">
                                                                            <input type="text" readonly id="password_{{$meeting->mid}}" class="form-control" value="{{ $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({{$meeting->mid}})"></i>
                                                                            </a>
                                                                            {{-- Edit password --}}
                                                                            <a href="{{route('staff.shareable-password.update',$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="{{ $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
                                                                </td>
                                                            </tr>

                                                        @endforeach
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                            @endif
                                            @if (request()->meetings=='tommorow_meetings')
                                            {{-- Tommorow Meeting --}}
                                            <div class="" id="tab-tommorow">
                                                <div class="table-responsive">
                                                    <table class="data-table-example table table-striped table-bordered table-vcenter text-nowrap">
                                                        <thead>
                                                            <tr class="text-center">
                                                                <th>Number</th>
                                                                <th>Topic</th>

                                                                <th>Level</th>
                                                                <th>Status</th>
                                                                <th>Date/Time</th>
                                                                <th>Cancel Meeting</th>
                                                                <th>Share Meeting URL</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                        @foreach ($tommorow_meetings as $meeting)
                                                            <tr class="text-center">
                                                                <td>{{$meeting->mnumber}}</td>
                                                                <td>{{$meeting->mtopic}}</td>
                                                                <td><span class="badge badge-success">{{$meeting->lname}}</span></td>
                                                                <td>
                                                                    {{$meeting->mstatus}}<br>
                                                                    <span class="badge badge-success">{{$meeting->is_extra ? 'Extra meeting':''}}</span>
                                                                    @if($meeting->is_extra == 0)
                                                                        <span class="badge badge-danger">{{$meeting->is_deleted ? 'Deactivated':''}}</span>
                                                                    @endif
                                                                </td>
                                                                <td>
                                                                    <i class="fa fa-calendar"></i>
                                                                    {{ $meeting->mstartdate . ' / '}}
                                                                    <i class="fa fa-clock-o"></i>
                                                                    {{date('h:i A', strtotime($meeting->mstarttime))}}
                                                                    </td>

                                                                <td style="text-align: center;">
                                                                    @if ($meeting->mstatus == 'Canceled')
                                                                    <a href="javascript:void(0)" onClick="confirmCancel(event,{{$meeting->mid}})" class="disabled btn btn-outline-light btn-sm waves-effect waves-light"
                                                                        data-bs-toggle="tooltip" data-bs-original-title="Cancel/Refund"
                                                                        >
                                                                        cancel
                                                                        <form method="POST" action="{{ route('meetings-cancel', $meeting->mid) }}" id="cancel-form-{{$meeting->mid}}">
                                                                            @csrf
                                                                            <input name="_method" type="hidden" value="POST">

                                                                        </form>
                                                                    </a>
                                                                    <p class="text-text-danger">Meeting Canceled</p>
                                                                    @else
                                                                    <a href="javascript:void(0)" onClick="confirmCancel(event,{{$meeting->mid}})" class="btn btn-outline-light btn-sm waves-effect waves-light"
                                                                        data-bs-toggle="tooltip" data-bs-original-title="Cancel"
                                                                        >
                                                                        cancel
                                                                        <form method="POST" action="{{ route('meetings-cancel', $meeting->mid) }}" id="cancel-form-{{$meeting->mid}}">
                                                                            @csrf
                                                                            <input name="_method" type="hidden" value="POST">

                                                                        </form>
                                                                        </a>
                                                                    @endif
                                                                </td>
                                                                <td>
                                                                    <div class="row">

                                                                  @if ($meeting->shareable_url != "")
                                                                    <div>
                                                                        <div class="d-flex">
                                                                            <input type="text" readonly id="link_{{$meeting->mid}}" class="form-control" value="{{$meeting->shareable_url}}">
                                                                            {{-- 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({{$meeting->mid}})"></i>
                                                                            </a>
                                                                        </div>
                                                                        <div class="d-flex mt-1">
                                                                            <input type="text" readonly id="password_{{$meeting->mid}}" class="form-control" value="{{ $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({{$meeting->mid}})"></i>
                                                                            </a>
                                                                            {{-- Edit password --}}
                                                                            <a href="{{route('staff.shareable-password.update',$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="{{ $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>
                                            </div>
                                            @endif
                                        </div>

                                            </div>

                                        </div>

                                    </div>
                                </div>

                                {{--Live Support Meetings--}}

                                <h4 class="page-title py-5">Live Support Meetings</h4>
                                <div class="col-xl-12 col-lg-12 col-md-12">


                                                    <div class="row mb-3">
                                                        <div  class="col-sm-4 my-3">
                                                            <form action="{{route('admin.home.meetings')}}">
                                                                <input type="hidden" name="meetings" value="today_meetings">
                                                                <button type="submit" class="btn {{!request()->meetings || request()->meetings=='today_meetings'?'btn-white disabled text-primary font-weight-bold':'btn-primary'}} w-100">
                                                                 Today Meetings
                                                                </button>
                                                            </form>
                                                        </div>
                                                    </div>


                                        <div class="border-0 p-5 bg-white" id="meetings">
                                            @if (!request()->live_support_meetings||request()->live_support_meetings=='today_meetings')
                                            {{-- Today Meetings --}}
                                            <div class="" id="tab-today">
                                                <div class="table-responsive">
                                                    <table class="data-table-example table table-striped table-bordered table-vcenter text-nowrap">
                                                        <thead>
                                                            <tr class="text-center">
                                                                <th>Number</th>

                                                                <th>join</th>
                                                                <th>Topic</th>
                                                                {{-- <th>Attendance</th> --}}
                                                                <th>Status</th>
                                                                <th>Date/Time</th>
                                                                <th>Cancel Meeting</th>
                                                                {{-- <th>Share Meeting URL</th> --}}
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                        @foreach ($live_support_today_meetings as $meeting)
                                                            <tr class="text-center">
                                                                <td>
                                                                    <p>{{$meeting->mnumber}}</p>
                                                                </td>
                                                                <td>
                                                                    @php
                                                                    $found = 0;
                                                                    @endphp
                                                                    @if (now()->format('H:i:s') < date('H:i:s', strtotime('+' . $meeting->mduration + 30 . ' minutes', strtotime($meeting->mstarttime))) && now()->format('H:i:s') > date('H:i:s', strtotime($meeting->mstarttime) - 900) && $meeting->mstartdate === now()->format('Y-m-d'))
                                                                        @php
                                                                            $found = 1;

                                                                        @endphp
                                                                    @endif
                                                                    @if ($found && $meeting->mstatus!='Canceled')
                                                                    <a href="{{route('admin.join-support-lesson',$meeting->id)}}" class="btn btn-outline-success btn-sm waves-effect waves-light">Join Session</a>
                                                                    @else
                                                                    <a style="pointer-events: none;" href="#" class="btn btn-outline-light btn-sm waves-effect waves-light">Join Lesson</a>
                                                                    @endif
                                                                </td>
                                                                <td>{{$meeting->mtopic}}</td>

                                                                {{-- <td><a href="{{ route('staff.live-support-requests') }}" class="btn btn-outline-light btn-sm waves-effect waves-light">View</a></td> --}}


                                                                <td>
                                                                    {{$meeting->mstatus}}<br>

                                                                </td>
                                                                <td>
                                                                    <i class="fa fa-calendar"></i>
                                                                    {{ $meeting->mstartdate . ' / '}}
                                                                    <i class="fa fa-clock-o"></i>
                                                                    {{date('h:i A', strtotime($meeting->mstarttime))}}
                                                                    </td>

                                                                <td style="text-align: center;">
                                                                    @if ($meeting->mstatus == 'Canceled')
                                                                    <p class="text-danger">Meeting Canceled</p>
                                                                    @else
                                                                    <a href="javascript:void(0)" onClick="confirmCancel(event,{{$meeting->id}})" class="btn btn-outline-light btn-sm waves-effect waves-light"
                                                                        data-bs-toggle="tooltip" data-bs-original-title="Cancel"
                                                                        >
                                                                        cancel
                                                                        <form method="POST" action="{{ route('staff.live-support-meetings.deleteMeeting', $meeting->id) }}" id="cancel-form-{{$meeting->id}}">
                                                                            @csrf
                                                                            <input name="_method" type="hidden" value="POST">

                                                                        </form>
                                                                        </a>
                                                                    @endif
                                                                </td>
                                                                {{-- <td>

                                                                </td> --}}
                                                            </tr>

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

                                        </div>

                                </div>


                                {{-- Offered courses --}}
                                <h4 class="page-title py-5">Current Offered Courses</h4>
                                    <!-- Search Section -->
                                <form action="{{ route('admin.course.search') }}" method="get">
                                    <div class="mb-5">
                                        <div class="">
                                            <div class="p-5 bg-white">
                                                <div class="item2-gl-nav">
                                                    <div class="d-block ">
                                                        <h5 class="mb-0 mt-0">@lang('student.search by course name')</h5>
                                                        <div class="input-group me-2 mt-6 mb-sm-1">
                                                            <input type="text" name="search" id="search"
                                                                value="{{ request()->get('search') }}" class="form-control br-ts-7 br-bs-7"
                                                                placeholder="Search">
                                                            <div class="input-group-text ">
                                                                <button type="submit" class="btn btn-primary br-te-7 br-be-7">
                                                                    @lang('student.search')
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="mt-3 item2-gl-nav">
                                                    <div class="d-block ">
                                                        <h5 class="mb-2 mt-0">@lang('student.filter by')</h5>
                                                        <div class="row">
                                                            <div class="col-md-2">
                                                                <label class=" mt-3 mb-sm-1"> Education System: </label>
                                                                <select class="form-control select2-show-search" id="education_system"
                                                                    name="education_system">
                                                                    <option value="0" disabled selected>Select</option>
                                                                    @foreach ($education_systems as $item)
                                                                        <option value="{{ $item->esid }}">{{ $item->esname }}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                            <div class="col-md-3">
                                                                <label class=" mt-3 mb-sm-1"> Board: </label>
                                                                <select class="form-control select2-show-search" id="board" name="board">

                                                                </select>
                                                            </div>
                                                            <div class="col-md-3">
                                                                <label class=" mt-3 mb-sm-1"> Level: </label>
                                                                <select class="form-control select2-show-search" name="level" id="level">
                                                                </select>
                                                            </div>
                                                            <div class="col-md-4">
                                                                <label class=" mt-3 mb-sm-1"> Course: </label>
                                                                <select class="form-control select2-show-search" id="course" name="course">
                                                                </select>
                                                            </div>
                                                            <div class="col-md-2 mt-6 mx-auto">
                                                                <input type="submit" id="submit" class="btn btn-primary br-te-7 br-be-7 "
                                                                    value="@lang('student.apply filter')">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                                    <!--End Search Section -->
                                <!-- Courses Section -->
                                <div class="row" id="courses">
                                    <!--Left Side Content-->
                                    <div class="col-xl-3 col-lg-3 col-md-3 nav card nav-pills mb-3 mt-5 h-50">
                                        @foreach ($sessions as $session => $item)
                                        <form action="{{route('admin.course.search')}}" method="get">
                                            <input type="hidden" name="sessionId" value="{{$item->acysid}}">
                                            <input type="hidden" name="sessionName" value="{{$item->sname}}">
                                            <input type="hidden" name="search" value="{{request()->search}}">
                                            <input type="hidden" name="search" value="{{request()->search}}">
                                            <button id="session" class="nav-link {{request()->sessionId == $item->acysid ? 'active':''}} my-2 py-2 w-100"
                                                type="submit">
                                                <span class="">
                                                    {{ $item->sname }}
                                                    {{ $item->year }}
                                                    <small>{{ $item->is_current == 1 ? '(Current)' : '(Next)' }} </small>
                                                </span>
                                                <span class="badge ms-4 fs-10" style="background: #1f6984; color:#eee"> {{ $item->bname }}</span>
                                            </button>
                                        </form>
                                        @endforeach
                                    </div>
                                    <!--End Left Side Content-->
                                    <!-- Right Side Content -->
                                    <div class="col-xl-9 col-lg-9 col-md-9 mt-0">

                                        <!--Coursed lists-->

                                        <div class="border-0 mb-5 course-details">
                                            <div
                                                class="border-0 p-5 bg-white details-tab-content">
                                                <!-- listed courses -->
                                                {{-- @forelse ($sessions as $session => $item) --}}
                                                        <div class=""
                                                            id="">
                                                            <table class="course_table" id="courses_table">
                                                                <thead>
                                                                    <tr>
                                                                        <th></th>
                                                                    </tr>
                                                                </thead>
                                                                <tbody>
                                                                    @foreach ($offered_courses as $offer)
                                                                        <tr>
                                                                            <td>
                                                                                <div class="card overflow-hidden">
                                                                                    <div class="ribbon ribbon-top-left ">
                                                                                        <span
                                                                                            class="bg-primary">{{ $offer->esname }}</span>
                                                                                    </div>
                                                                                    <div class="d-md-flex">
                                                                                        <!-- Single Course -->
                                                                                        <!-- Course image -->
                                                                                        <div class="item-card9-img w-60">
                                                                                            <div class="item-card9-imgs">
                                                                                                <a
                                                                                                    href="{{ route('admin.course.show', $offer->coffid) }}"></a>
                                                                                                <img src="{{env('SECURE_ASSETS').'/images/course.png'}}"
                                                                                                    alt="{{ $offer->cname }}"
                                                                                                    class="cover-image ">
                                                                                            </div>
                                                                                            @if ($offer->has_label)
                                                                                                <div class="item-overly-trans">
                                                                                                <a href="" class="bg-danger">{{ $offer->label }}</a>
                                                                                                </div>
                                                                                            @endif
                                                                                        </div>
                                                                                        <!-- Course Info -->
                                                                                        <div class="card border-0 mb-0">
                                                                                            <div class="card-body p-0">
                                                                                                <div
                                                                                                    class="item-card9 ps-5 pt-5">
                                                                                                    <a href="{{ route('admin.course.show', $offer->coffid) }}"
                                                                                                        class="text-default-dark">
                                                                                                        <h3
                                                                                                            class="">
                                                                                                            {{ $offer->cname }}
                                                                                                        </h3>
                                                                                                    </a>
                                                                                                    <div
                                                                                                        class="font-weight-semibold  mt-4 mb-4">
                                                                                                        <div class="row">
                                                                                                            <div class="col-md-5">

                                                                                                                <h4
                                                                                                                    class="badge badge-light mb-3">
                                                                                                                    {{ $offer->lname }}
                                                                                                                </h4>
                                                                                                                <br>
                                                                                                                <h4
                                                                                                                    class="badge badge-light" >
                                                                                                                    {{ $offer->sname }}
                                                                                                                    {{ $offer->year }}

                                                                                                                </h4>
                                                                                                            </div>

                                                                                                            <div class="col-md-6" style="float: right">
                                                                                                                <h4 class="badge badge-light mb-3" >{{ $offer->bname }}</h4>
                                                                                                                {{-- <h4>
                                                                                                                <i class="fa fa-user "></i>
                                                                                                                        <label style="color: #437183">{{ $teamCoach->firstWhere('ttid', $offer->ttid)->user->first_name }}{{' '}}

                                                                                                                        {{ $teamCoach->firstWhere('ttid', $offer->ttid)->user->last_name }}
                                                                                                                    </label>
                                                                                                                    </span>

                                                                                                                </h4> --}}
                                                                                                            </div>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                    <p
                                                                                                        class="mb-0 mt-1 lead w-90">
                                                                                                        {{ Str::limit($offer->cdescription, 100, '....') }}
                                                                                                    </p>
                                                                                                    <div
                                                                                                        class="mt-2 mb-2 float-end ">
                                                                                                        <ul
                                                                                                            class="icon-card-1">
                                                                                                            <a data-bs-effect="effect-flip-horizontal"
                                                                                                                data-bs-toggle="modal"
                                                                                                                data-ttid="{{ $offer->ttid }}"
                                                                                                                id="showTeachingTeamInfo"
                                                                                                                href="#">
                                                                                                                <li
                                                                                                                    class="me-3">
                                                                                                                    <span
                                                                                                                        class="fs-14"><i
                                                                                                                            class="fa fa-users "></i>
                                                                                                                        {{ $offer->ttname }}
                                                                                                                    </span>
                                                                                                                </li>
                                                                                                            </a>

                                                                                                            <li
                                                                                                                class="me-3">

                                                                                                                {{-- <a data-bs-effect="effect-flip-horizontal"
                                                                                                                    data-bs-toggle="modal"
                                                                                                                    data-coffid="{{ $offer->coffid }}"
                                                                                                                    id="schedule"
                                                                                                                    href="#modalschedule"
                                                                                                                    class="badge badge-light mx-1">@lang('student.schedule-btn')</a> --}}
                                                                                                                <a href="{{ route('admin.course.show', $offer->coffid) }}"
                                                                                                                    class="badge badge-primary">@lang('student.course details')</a>
                                                                                                            </li>
                                                                                                        </ul>
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div class="border-top ps-5 mt-2" style="clear:both">
                                                                                                    <div
                                                                                                        class="d-flex">
                                                                                                        <h4
                                                                                                            class="font-weight-semibold fs-12 text-dark mt-4 mb-4 me-4">
                                                                                                            <i
                                                                                                                class="fa fa-money mt-0 fs-18 me-2"></i>
                                                                                                            {{ $offer->fee_per_lesson_total }}
                                                                                                            @lang('student.EGP') / @lang('student.lesson')
                                                                                                        </h4>
                                                                                                        @if ($offer->fee_per_course_total > 0)
                                                                                                        <h4
                                                                                                            class="font-weight-semibold fs-12 text-dark mt-4 mb-4 me-4">
                                                                                                            <i
                                                                                                                class="fa fa-money mt-0 fs-18 me-2"></i>
                                                                                                                @if ($offer->by_month)
                                                                                                                    {{$offer->fee_course_per_month}}
                                                                                                                    @lang('student.EGP') / @lang('student.month')
                                                                                                                @elseif ($offer->course_discount > 0 )
                                                                                                                    <span class="strike-text text-default">{{$offer->fee_per_course_total}}</span>
                                                                                                                    {{ $offer->fee_per_course_total - ($offer->fee_per_course_total * ($offer->course_discount / 100)) }}
                                                                                                                    @lang('student.EGP') / @lang('student.course')
                                                                                                                @else
                                                                                                                    {{$offer->fee_per_course_total}}
                                                                                                                    @lang('student.EGP') / @lang('student.course')
                                                                                                                @endif
                                                                                                        </h4>
                                                                                                        @endif
                                                                                                        @if($offer->allow_enrollment)
                                                                                                        <h4
                                                                                                            class="font-weight-semibold fs-12 text-dark mt-4 mb-4 ms-3">
                                                                                                            <i
                                                                                                                class="fa fa-check-square text-success mt-0 fs-18 me-2"></i>

                                                                                                            @lang('student.enrollment-opened')
                                                                                                        </h4>
                                                                                                        @else
                                                                                                        <h4
                                                                                                            class="font-weight-semibold fs-12 text-dark mt-4 mb-4 ms-3">
                                                                                                            <i
                                                                                                                class="fa fa-window-close text-danger mt-0 fs-18 me-2"></i>

                                                                                                            @lang('student.enrollment-closed')
                                                                                                        </h4>
                                                                                                        @endif

                                                                                                        {{-- @if ($offer->enrollment->count() > 0)
                                                                                                        <h4
                                                                                                            class="font-weight-semibold fs-12 text-dark mt-4 mb-4 ms-3">
                                                                                                            <span class="text-primary fs-18 mt-0 me-2">{{$offer->enrollment->count()}}</span>
                                                                                                            @lang('student.enrollments')
                                                                                                        </h4>
                                                                                                        @endif --}}
                                                                                                    </div>
                                                                                                </div>
                                                                                                @if (in_array(auth()->id(),[1,3]))
                                                                                                <div class="border-top ps-5 mt-2">
                                                                                                    <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="{{ $offer->coffid }}"
                                                                                                            data-coffid="{{ $offer->coffid }}"
                                                                                                            data-courseid="{{ $offer->cid }}"
                                                                                                            data-coursename="{{ $offer->cname }}"
                                                                                                            data-teamname="{{ $offer->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="{{ $offer->coffid }}"
                                                                                                            data-coffid="{{ $offer->coffid }}"
                                                                                                            data-courseid="{{ $offer->cid }}"
                                                                                                            data-coursename="{{ $offer->cname }}"
                                                                                                            data-teamname="{{ $offer->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="{{ $offer->coffid }}"
                                                                                                            data-coffid="{{ $offer->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="{{ $offer->coffid }}"
                                                                                                            data-coffid="{{ $offer->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 ($offer->course_discount == 0)
                                                                                                        <button type="button" id="addCourseDiscountBtn"
                                                                                                            class="addCourseDiscount btn btn-outline-light btn-sm waves-effect waves-light "
                                                                                                            value="{{ $offer->coffid }}"
                                                                                                            data-coffid="{{ $offer->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,{{$offer->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: {{$offer->course_discount}} % <br> Date: {{$offer->course_discount_start_date}}">
                                                                                                            <i class="fa fa-close fs-16"></i>

                                                                                                            <form method="POST" action="{{ route('admin.course_offering.remove_course_discount',$offer->coffid) }}" id="delete-form-{{$offer->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',$offer->coffid)}}"
                                                                                                            data-bs-toggle="tooltip"
                                                                                                            target="_blank"
                                                                                                            data-bs-original-title="Edit Course Offering"><i
                                                                                                                class="fa fa-edit fs-16"></i>
                                                                                                        </a>
                                                                                                    </h4>
                                                                                                </div>
                                                                                                @endif
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </td>
                                                                        </tr>
                                                                    @endforeach
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    {{-- @empty
                                                        <img class="d-block mx-auto" width="500"
                                                            src="{{ env('SECURE_ASSETS').'/images/svg/noCourses.svg' }}">
                                                        <p class="text-center pt-3"><strong
                                                                class="text-primary">Looks like
                                                                There Is
                                                                No
                                                                Courses Been Found</strong></p>
                                                    @endforelse --}}
                                            </div>
                                        </div>
                                        <!--/Coursed lists-->
                                    </div>
                                        <!--End Right Side Content -->
                                    </div>
                                </div>
                                    <!--End Right Side Content -->
                                </div>
                            </div>
                        </div>
                </div>
            </div>

    {{-- add course group modal --}}
    @include('components.course_offering.modals')

@endsection
@section('admin-js')
<!-- 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>
    $(document).ready(function(){

        // Get Record data using it's id
        jQuery('body').on('click', '.edit', function () {
            var meeting_id = $(this).val();
            $.get('staff/meetings/edit/getMeeting/' + meeting_id, function (data) {
                jQuery('#meeting_title').val(data.mtitle)
                jQuery('#meeting_topic').val(data.mtopic)
                jQuery('#meeting_desc').val(data.mdesc)
                jQuery('#meeting_start_date').val(data.mstartdate)
                jQuery('#meeting_start_time').val(data.mstarttime)
                jQuery('#meeting_duration').val(data.mduration)
                jQuery('#meeting_form_update').attr('action','{{URL::to("/staff/meetings")}}' + '/' + meeting_id)
            })
        });

// Board, Level and offered courses depend on boards (dependent select)
    $('#education_system').on('change', function() {
            var $board = $('#board');
            var $level = $('#level');
            var $course = $('#course');
            $('#board').empty();
            $('#board').append(`<option value="0" disabled selected>Processing...</option>`);
            $('#level').empty();
            $('#level').append(`<option value="0" disabled selected>Processing...</option>`);
            $('#course').empty();
            $('#course').append(`<option value="0" disabled selected>Processing...</option>`);
            $.ajax({
                url: "{{ route('educationSystemFilter') }}",
                type: 'GET',
                data: {
                    esid: $(this).val()
                },
                success: function(data) {
                    $('#board').empty();
                    $('#board').append(
                        `<option value="0" disabled selected>Select Board*</option>`);
                    $('#level').empty();
                    $('#level').append(
                        `<option value="0" disabled selected>Select Level*</option>`);
                    $('#course').empty();
                    $('#course').append(
                        `<option value="0" disabled selected>Select Course*</option>`);
                    //  Board
                    $.each(data.board, function(id, value) {
                        $board.append('<option value="' + id + '">' + value +
                            '</option>');
                    });
                    //  level
                    $.each(data.level, function(id, value) {
                        $level.append('<option value="' + value.lid + '">' + value
                            .lname +
                            '</option>');
                    });
                    // offered course
                    $.each(data.course, function(id, value) {
                        value.teaching_team.coaching_teachers.map((teacher)=>{
                            $course.append('<option value="' + value.coffid + '">' +
                            (value.has_label ? '( '+value.label+' ) ' : '') + value.course.cname + ' ( '+ value.course.level.lshort_name+' ) '
                            +'_ '+ teacher.first_name+' '+ teacher.middle_name+' '+ teacher.last_name
                            +'_ '+value.academic_year_session.sessions.sname+'_'+value.academic_year_session.year
                            +'</option>');
                        })

                    });
                }
            });
        });

        // Level and offered courses depend on boards (dependent select)
        $('#board').on('change', function() {
            var $level = $('#level');
            var $course = $('#course');
            $('#level').empty();
            $('#level').append(`<option value="0" disabled selected>Processing...</option>`);
            $('#course').empty();
            $('#course').append(`<option value="0" disabled selected>Processing...</option>`);
            $.ajax({
                url: "{{ route('boardFilter') }}",
                type: 'GET',
                data: {
                    bid: $(this).val()
                },
                success: function(data) {
                    $('#level').empty();
                    $('#level').append(
                        `<option value="0" disabled selected>Select Level*</option>`);
                    $('#course').empty();
                    $('#course').append(
                        `<option value="0" disabled selected>Select Course*</option>`);
                    //  level
                    $.each(data.level, function(id, value) {
                        $level.append('<option value="' + value.lid + '">' + value
                            .lname +
                            '</option>');
                    });
                    // offered course
                    $.each(data.course, function(id, value) {
                        value.teaching_team.coaching_teachers.map((teacher)=>{
                            $course.append('<option value="' + value.coffid + '">' +
                            (value.has_label ? '( '+value.label+' ) ' : '') + value.course.cname + ' ( '+ value.course.level.lshort_name+' ) '
                            +'_ '+ teacher.first_name+' '+ teacher.middle_name+' '+ teacher.last_name
                            +'_ '+value.academic_year_session.sessions.sname+'_'+value.academic_year_session.year
                            +'</option>');
                        })
                    });
                }
            });
        });
        // offered courses and level dependent select
        $('#level').on('change', function() {
            var $course = $('#course');
            $('#course').empty();
            $('#course').append(`<option value="0" disabled selected>Processing...</option>`);
            $.ajax({
                url: "{{ route('levelFilter') }}",
                type: 'GET',
                data: {
                    lid: $(this).val()
                },
                success: function(data) {
                    $('#course').empty();
                    $('#course').append(
                        `<option value="0" disabled selected>Select Course*</option>`);
                    $.each(data, function(id, value) {
                        value.teaching_team.coaching_teachers.map((teacher)=>{
                            $course.append('<option value="' + value.coffid + '">' +
                            (value.has_label ? '( '+value.label+' ) ' : '') + value.course.cname + ' ( '+ value.course.level.lshort_name+' ) '
                            +'_ '+ teacher.first_name+' '+ teacher.middle_name+' '+ teacher.last_name
                            +'_ '+value.academic_year_session.sessions.sname+'_'+value.academic_year_session.year
                            +'</option>');
                        })
                    });
                }
            });
        });

    // DataTable
    $(document).ready(function() {
        $('#courses_table').DataTable({
            "pagin": true,
            "searching": true,
            "ordering": false,
            "info": false,
            'dom': 'Bfrtip',
        });
    });

	})

</script>
<script>
    function confirmCancel(e, id){ //on add input button click
        e.preventDefault();
        Swal.fire({
                title: "Are you sure?",
                icon: "warning",
                showCancelButton: true,
                confirmButtonText: "Yes, Cancel the meeting!"
            }).then(function(result) {
                if (result.value) {
                    document.getElementById(`cancel-form-${id}`).submit();
                }
            });
    }
</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>

@endsection