@extends('layouts.student')
@section('content')
    <!--App-Content-->
    <div class="app-content my-3 my-md-5 profile-1">
        <div class="side-app">
            <x-page.header>@lang('student.dashboard')</x-page.header>
            {{-- Top cards --}}
            {{-- <div class="row">
                <div class=" col-sm-12 col-md-6 col-lg-6 col-xl-3">
                    <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-wallet leading-loose"></i>
                                </div>
                                <div class="ms-auto">
                                    <h6 class="mb-0 fs-13">@lang('student.my balance')</h6>
                                    @if ($balance)
                                        <h4 class="mt-4 mb-0"> {{ round($wamount,2) }} {{ $paymentGateway == 2 ? 'EGP' : 'AED' }}</h4>
                                    @else
                                        <h4 class="mt-4 mb-0">0 @lang('student.EGP')</h4>
                                    @endif
                                    <a href="{{ route('student.wallet') }}"
                                        class="btn btn-primary btn-xs mt-3">@lang('student.recharge')</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class=" col-sm-12 col-md-6 col-lg-6 col-xl-3">
                    <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-currency-usd leading-loose"></i>
                                </div>
                                <div class="ms-auto">
                                    <h6 class="mb-0 fs-13">@lang('student.transactions.attendance transactions card')</h6>
                                    <h4 class="mt-4 mb-0">{{$transaction_by_lesson_count}}</h4>
                                    <a href="{{ route('student.payment-transactions') }}"
                                        class="btn btn-primary btn-xs mt-3">@lang('student.view transactions')</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                 <div class="col-sm-12 col-md-6 col-lg-6 col-xl-3 ">
                    <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-wallet leading-loose"></i>
                                </div>
                                <div class="ms-auto">
                                    <h6 class="mb-0 fs-13">@lang('student.transactions.recharge transactions card')</h6>
                                    <h4 class="mt-4 mb-0">{{$recharge_transaction_count}}</h4>
                                    <a href="{{ route('student.recharge-transactions') }}"
                                        class="btn btn-primary btn-xs mt-3">@lang('student.view transactions')</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class=" col-sm-12 col-md-6 col-lg-6 col-xl-3">
                    <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"> @lang('student.total enrolled')</h6>
                                    <h4 class="mt-4 mb-0">{{$user_enrolled_courses_count}}</h4>
                                    <a href="{{ route('student.mycourses')}}"
                                        class="btn btn-primary btn-xs mt-3">@lang('student.view courses')</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                @if ($installments != 0)
                <div class=" col-sm-12 col-md-6 col-lg-6 col-xl-3">
                    <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"> @lang('student.total installments')</h6>
                                    <h4 class="mt-4 mb-0">{{$installments}}</h4>
                                    <a href="{{route('student.installmentTransactions')}}"
                                        class="btn btn-primary btn-xs mt-3">@lang('student.view installments')</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                @endif
            </div> --}}

            {{-- @if ($enrollments)
                @if ($installment_notifications->count() > 0)
                <div class="card notification-card" style="max-height: 450px; overflow:auto">
                    <div class="card-header">
                        <h3 class="card-title">Installment Notifications</h3>
                        <div class="card-options">
                            <form action="{{route('student.markNotifications')}}" method="post">
                                @csrf
                                <button type="submit" id="mark-all" 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 ($installment_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-money"></i></span>
                                                </h5>
                                                <div class="mb-2">
                                                    <span class="mb-2 fs-5 fw-bold text-dark">
                                                        Course name:
                                                    </span>
                                                    <span class="ms-2">{{$notification->data['course']}}</span>
                                                </div>
                                                <p>{{$notification->data['body']}}</p>
                                                <a href="{{route('student.installmentTransactions')}}" 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
            @endif --}}

            {{-- tabs --}}
            <div class="mt-8">
                <div class="ps-0 pb-5">
                    <div class="wideget-user-tab">
                        <div class="tab-menu-heading">
                            <div class="tabs-menu1">
                                <ul class="nav">
                                    <li><a href="{{ route('student') }}" class="w-100 {{$enrollments ? 'active':''}}">@lang('student.home')</a></li>
                                    <li class="ms-0"><a href="{{ route('student.homeOfferedCoursesSection') }}" class="ms-3 me-2 w-100  {{$sessions ? 'active':''}}" >@lang('student.offered courses')</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            {{-- Course offering section --}}
            @if ($sessions)
                <!-- Search Section -->
                {{-- <form action="{{ route('student.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-3">
                                                <label class=" mt-3 mb-sm-1"> Board: </label>
                                                <select class="form-control select2-show-search" id="board" name="board">
                                                    <option value="0" disabled selected>Select</option>
                                                    @foreach ($boards as $board)
                                                        <option value="{{ $board->bid }}">{{ $board->bname }}</option>
                                                    @endforeach
                                                </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">
                                                <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('student.homeOfferedCoursesSection.search')}}" method="get">
                            <input type="hidden" name="sessionId" value="{{$item->acysid}}">
                            <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">
                            <div class="border-0 mb-5 course-details">
                                <div
                                    class="tab-content border-0 p-5 bg-white details-tab-content">
                                    <!-- listed courses -->
                                    @forelse ($sessions as $session => $item)
                                        <div class="tab-pane fade {{ $session == 0 ? 'show active' : '' }}"
                                            id="tab-{{ $item->acysid }}">
                                            <table class="data-table-example" 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-secondary">{{ $offer->bname }}</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('courseDetails', $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('courseDetails', $offer->coffid) }}"
                                                                                    class="text-default-dark">
                                                                                    <h4
                                                                                        class="">
                                                                                        {{ $offer->cname .' ( '. $offer->lshort_name .' )'}}
                                                                                    </h4>
                                                                                </a>
                                                                                <div
                                                                                    class="font-weight-semibold  mt-4 mb-4">
                                                                                    <div class="row">
                                                                                        <div class="col-md-7">
                                                                                            <h4
                                                                                                class="badge badge-light">
                                                                                                {{ $offer->lname }}
                                                                                            </h4>
                                                                                            <h4
                                                                                                class="badge badge-light" >
                                                                                                {{ $offer->sname }}
                                                                                                {{ $offer->year }}

                                                                                            </h4>
                                                                                        </div>

                                                                                        {{-- <div class="col-md-5 mt-2">
                                                                                            <br>
                                                                                            <h4 class="d-flex">
                                                                                                <i class="fa fa-user me-2"></i>
                                                                                                <label style="color: #437183" class="fs-14">{{ $teamCoach->firstWhere('ttid', $offer->ttid)->user->first_name }}{{' '}}
                                                                                                    {{ $offer->firstWhere('ttid', $offer->ttid)->user->last_name }}
                                                                                                </label>
                                                                                            </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">
                                                                                    <ul class="icon-card-1">
                                                                                        <a data-bs-effect="effect-flip-horizontal"
                                                                                            data-bs-toggle="modal"
                                                                                            data-ttid="{{ $offer->ttid }}"
                                                                                            id="showTeachingTeamInfo"
                                                                                            href="#modaldemo8">
                                                                                            <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('courseDetails', $offer->coffid) }}"
                                                                                                class="badge badge-primary">@lang('student.course details')</a>
                                                                                        </li>
                                                                                    </ul>
                                                                                </div>
                                                                            </div>
                                                                            <div class="border-top ps-5 mt-2"
                                                                                @php
                                                                                    if($offer->currency == 2){
                                                                                        $currency = 'EGP';
                                                                                        $amount_per_course=$offer->fee_per_course_total;
                                                                                        $amount_per_lesson=$offer->fee_per_lesson_total;
                                                                                        $amount_per_month=$offer->fee_course_per_month;
                                                                                    }else{
                                                                                        if($studentCourses->contains('coffid',$offer->coffid)){
                                                                                            $enrollment=$studentCourses->where('coffid',$offer->coffid)->first();
                                                                                            $currency = $paymentGateway == 1 ? 'AED':'EGP';
                                                                                            if($enrollment->fees_by_lesson){
                                                                                                $amount_per_lesson=$paymentGateway == 1 ? $enrollment->amount_due_aed : $enrollment->amount_due;
                                                                                                $amount_per_course=$paymentGateway == 1 ? $offer->fee_per_course_total : $offer->fee_per_course_total * $enrollment->rate;
                                                                                            }else{
                                                                                                $amount_per_lesson=$paymentGateway == 1 ? $offer->fee_per_lesson_total : $offer->fee_per_lesson_total * $enrollment->rate;
                                                                                                $amount_per_course=$paymentGateway == 1 ? $enrollment->amount_aed : $enrollment->amount;
                                                                                                $amount_per_month=$paymentGateway == 1 ?  $offer->fee_course_per_month : $offer->fee_course_per_month * $enrollment->rate;
                                                                                            }
                                                                                        }else{
                                                                                            $currency= $paymentGateway == 1 ? 'AED':'EGP';
                                                                                            $amount_per_course= $paymentGateway == 1 ? $offer->fee_per_course_total : ($offer->is_priced ? $offer->fee_per_course_total_egp : $offer->fee_per_course_total * $currentRate);
                                                                                            $amount_per_lesson= $paymentGateway == 1 ? $offer->fee_per_lesson_total : $offer->fee_per_lesson_total * $currentRate;
                                                                                            $amount_per_month= $paymentGateway == 1 ? $offer->fee_course_per_month : $offer->fee_course_per_month * $currentRate;
                                                                                        }
                                                                                    }
                                                                                @endphp
                                                                                style="clear:both">
                                                                                <div
                                                                                    class="d-flex">
                                                                                    @if ($offer->fee_per_lesson_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>

                                                                                        {{ $amount_per_lesson }}
                                                                                        {{ $currency }} / @lang('student.lesson')
                                                                                    </h4>
                                                                                    @endif
                                                                                    @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)
                                                                                                {{$amount_per_month}}
                                                                                                {{ $currency }} / @lang('student.month')
                                                                                            @elseif ($offer->course_discount > 0 )
                                                                                            <span class="strike-text text-default">{{$amount_per_course}}</span>
                                                                                            {{ $amount_per_course - ($amount_per_course * ($offer->course_discount / 100)) }}
                                                                                                {{ $currency }} / @lang('student.course')
                                                                                            @else
                                                                                                {{$amount_per_course}}
                                                                                                {{ $currency }} / @lang('student.course')
                                                                                            @endif
                                                                                    </h4>
                                                                                    @endif
                                                                                    @if($offer->allow_enrollment)
                                                                                    <h4
                                                                                        class="font-weight-semibold fs-12 text-dark mt-4 mb-4 ms-6">
                                                                                        <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-6">
                                                                                        <i
                                                                                            class="fa fa-window-close text-danger mt-0 fs-18 me-2"></i>

                                                                                        @lang('student.enrollment-closed')
                                                                                    </h4>
                                                                                    @endif
                                                                                </div>
                                                                            </div>
                                                                        </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>

                    </div>
                    <!--End Right Side Content -->
                </div>
            </div>
            @endif
            {{-- Meeting section --}}
            @if ($enrollments)
                {{-- Enrolled Courses  and Today Schedule--}}
                <div class="row">
                    <div class="col-xl-7 col-lg-12 col-md-12">
                        <div class="card">
                            <div class="card-header">
                                <h3 class="card-title">@lang('student.curently enrolled courses')</h3>
                            </div>
                            {{-- Enrolled Courses --}}
                            <div class="card-body border-top-0" style="max-height: 390px; overflow:auto">
                                <div class="dash5">
                                    <div id={{$enrollments->count() > 2 ? "container":""}}>
                                        @forelse ($enrollments as $enrollment)
                                            <div class="list d-flex align-items-center  mb-4">
                                                <img src="{{env('SECURE_ASSETS').'/images/course.png'}}" style="width: 45px" class="activity2">
                                                <div class="wrapper w-90">
                                                    <p class="">
                                                        <b class="fs-18">{{ $enrollment->cname}}</b>
                                                        @if ($enrollment->has_label)
                                                            <span class="badge badge-danger">{{$enrollment->label}}</span>
                                                        @endif
                                                    </p>
                                                    <p class="">
                                                        <span class="text-primary rounded border border-primary px-2">{{$enrollment->lname}} </span>
                                                    </p>

                                                    <span class="badge badge-success">
                                                        {{ $enrollment->bname }}
                                                    </span>
                                                    <span class="badge text-light" style="background: #1f6984">
                                                        {{ $enrollment->sname }}
                                                        {{ $enrollment->year }}
                                                    </span>
                                                    <div class="d-flex justify-content-between align-items-center mt-3">
                                                        <div class="d-flex align-items-center">
                                                            <p class="mb-0 badge badge-primary">
                                                                {{ $enrollment->ttname }}
                                                            </p>
                                                        </div>
                                                        <a
                                                            href="{{ route('courseDetails', $enrollment->coffid) }}"
                                                            class="ms-auto btn btn-outline-primary btn-sm">@lang('student.view course')</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <hr />
                                            @empty
                                            <img class="d-block mx-auto" width="130" src="{{ env('SECURE_ASSETS').'/images/svg/noCourses.svg' }}">
                                            <p class="text-center pt-3">
                                                <strong class="text-primary">Looks like There Is No Courses Been Found</strong>
                                            </p>
                                        @endforelse
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    {{-- Today schedule --}}
                    <div class="col-xl-5 col-lg-12 col-md-12">
                        {{-- Plain Meeting --}}
                        <div class="card ">
                            <div class="card-header">
                                <h3 class="card-title">@lang('student.today schedule')</h3>
                            </div>
                            <div class="card-body p-0" style="max-height: 390px; overflow:auto">
                            @forelse ($courses as $course)

                                @foreach ($course->meeting as $meeting)

                                    @if ($meeting->mstartdate == date('Y-m-d') && $meeting->mnumber != '00000000000' && $meeting->is_copied == 0 && $meeting->mstatus != 'Canceled' && $meeting->is_extra == 0 && in_array($meeting->gid,$student_favourites->pluck('gid')->toArray()) && $meeting->groupSchedule->is_deleted == 0)
                                        <div
                                            class="media mb-0 mt-2 border-bottom align-items-center ps-5 pe-5 pt-3 pb-3">

                                            <div class="counter-icon  my-auto br-auto me-3 rounded-circle">
                                                <i class="mdi mdi-account leading-loose"></i>
                                            </div>
                                            <div class="media-body">
                                                <div class="time-activity mb-0">
                                                    <div class="item-activity">
                                                        <div class="d-flex justify-content-between align-items-center">
                                                            <div class="d-flex align-items-center">
                                                                <a
                                                                    href="{{ route('courseDetails', $course->coffid) }}">
                                                                    <p class="mb-0 h6">
                                                                        <b>{{ $course->course->cname }}</b></p>

                                                                </a>

                                                            </div>
                                                        </div>
                                                        <h6 class="badge badge-primary my-2">
                                                            {{$course->course->level->lshort_name}}
                                                        </h6>
                                                        <div class="d-flex">
                                                            <h6
                                                                class="badge badge-primary my-2 w-85" style="white-space: nowrap;
                                                                overflow: hidden;
                                                                text-overflow: ellipsis;">
                                                                {{ $course->academicYearSession->sessions->sname }}
                                                                {{ $course->academicYearSession->year }}
                                                            </h6>
                                                            {{-- @if(date('H:i:s', strtotime('-15 minutes')) <= $meeting->mstarttime ||  $meeting->mstarttime < date('H:i:s', strtotime('+'. $meeting->mduration .' minutes'))) --}}
                                                            {{-- @php
                                                            $found = 0;
                                                            @endphp
                                                            @if( now()->format('H:i:s') < date('H:i:s', strtotime('+'. $meeting->mduration + $time_after .' minutes', strtotime($meeting->mstarttime)))  &&
                                                                now()->format('H:i:s') > date('H:i:s',
                                                                strtotime($meeting->mstarttime) - $time_before ) && $meeting->mstartdate ===
                                                                now()->format('Y-m-d') )
                                                                @php
                                                                $found = 1;

                                                                @endphp
                                                            @endif
                                                            @if ($found)
                                                            <a href="{{$meeting->mstatus != 'Canceled' ? route('student.course.lesson.joinPage',[$course->coffid,$meeting->mid]) : 'javascript:void(0)'}}"
                                                                class="btn btn-sm waves-effect waves-light join_meeting ms-3"
                                                                id="join_meeting"
                                                                data-coffid="{{$course->coffid}}"
                                                                data-mid="{{$meeting->mid}}"
                                                                onclick="$('.join_meeting').css('pointer-events', 'none');">
                                                                <i class="fa {{$meeting->mstatus === 'Canceled' ? "fa-window-close text-danger":"fa-video-camera text-success"}} fs-20  mt-3"
                                                                    title='{{$meeting->mstatus === 'Canceled' ? "Canceled":"Join"}}' data-bs-toggle="tooltip"
                                                                    data-bs-original-title="{{$meeting->mstatus === 'Canceled' ? "Canceled":"Join"}}"></i>

                                                            </a>

                                                            @else
                                                                <a disabled class="btn btn-sm waves-effect waves-light ms-4">
                                                                    <i class="fa {{$meeting->mstatus === 'Canceled' ? "fa-window-close text-danger":"fa-video-camera text-grey"}} fs-20 mt-3"
                                                                        title="{{$meeting->mstatus === 'Canceled' ? "Canceled":"Can't Join now"}}" data-bs-toggle="tooltip"
                                                                        data-bs-original-title="{{$meeting->mstatus === 'Canceled' ? "Canceled":"Can 't Join now"}}"></i>
                                                                </a>
                                                            @endif --}}

                                                            <a href="javascript:void(0)" class="btn fw-bold fs-20 btn-sm waves-effect waves-light ms-6 text-primary" data-bs-toggle="tooltip"
                                                                data-bs-original-title='Room Name'>
                                                                <i class="fa fa-building text-secondary mt-3"></i>
                                                                {{ $meeting->groupSchedule->className->classname }}
                                                            </a>

                                                        </div>
                                                        <div class="d-flex justify-content-between align-items-center">
                                                            <div class="d-flex align-items-center">
                                                                <p class="mb-0 text-muted">
                                                                    {{ $teamCoach->firstWhere('ttid', $course->ttid)->user->first_name }}
                                                                    {{ $teamCoach->firstWhere('ttid', $course->ttid)->user->last_name }}

                                                                </p>
                                                            </div>
                                                            <small
                                                                class="mb-0 ms-auto"><b>{{ date('h:i A', strtotime($meeting->mstarttime)) }}</b></small>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endif

                                @endforeach

                                @empty
                                <p class="text-center py-5">
                                    <img class="d-block mx-auto mb-2" width="150" src="{{ env('SECURE_ASSETS').'/images/svg/noMeetings.svg' }}">
                                    <strong class="text-primary">No Sessions For Today</strong>
                                </p>
                            @endforelse
                            </div>
                        </div>
                        {{-- Extra Meeting --}}
                        {{-- <div class="card ">
                            <div class="card-header">
                                <h3 class="card-title">@lang('student.extra schedule')</h3>
                            </div>

                            <div class="card-body p-0" style="max-height: 250px; overflow:auto">
                                @if ($student_extra_meetings || $student_extra_meetings_free_for_all || $student_extra_meetings_paid_for_all)
                                    @foreach ($student_extra_meetings->where('mstartdate', date('Y-m-d')) as $meeting)
                                        <div
                                            class="media mb-0 mt-2 border-bottom align-items-center ps-5 pe-5 pt-3 pb-3">

                                            <div class="counter-icon  my-auto br-auto me-3 rounded-circle">
                                                <i class="mdi mdi-account leading-loose"></i>
                                            </div>
                                            <div class="media-body">
                                                <div class="time-activity mb-0">
                                                    <div class="item-activity">
                                                        <div class="d-flex justify-content-between align-items-center">
                                                            <div class="d-flex align-items-center">
                                                                <a
                                                                    href="{{ route('courseDetails', $meeting->coffid) }}">
                                                                    <p class="mb-0 h6">
                                                                        <b>{{ $meeting->mtopic }}</b></p>
                                                                </a>

                                                            </div>
                                                        </div>
                                                        <h6 class="badge badge-primary my-2">
                                                            {{$meeting->lshort_name}}
                                                        </h6>
                                                        <div class="d-flex mt-3">
                                                            <h6
                                                            class="badge badge-primary my-2 w-85" style="white-space: nowrap;
                                                            overflow: hidden;
                                                            text-overflow: ellipsis;">
                                                                {{ $meeting->sname }}
                                                                {{ $meeting->year }}
                                                            </h6>

                                                            @php
                                                            $found = 0;
                                                            @endphp
                                                            @if( now()->format('H:i:s') < date('H:i:s', strtotime('+'. $meeting->mduration + $time_after .' minutes', strtotime($meeting->mstarttime)))
                                                                &&
                                                                now()->format('H:i:s') > date('H:i:s',strtotime($meeting->mstarttime) - $time_before )
                                                                &&
                                                                $meeting->mstartdate === now()->format('Y-m-d')
                                                                )
                                                                @php
                                                                $found = 1;

                                                                @endphp
                                                            @endif
                                                            @if ($found)

                                                            <a href="{{route('student.course.extraLesson.joinPage',[$meeting->coffid,$meeting->mid])}}" class="btn btn-sm waves-effect waves-light join_extra_meeting ms-4"

                                                                data-coffid="{{$meeting->coffid}}"
                                                                data-mid="{{$meeting->mid}}">
                                                                <i class="fa {{$meeting->mstatus === 'Canceled' ? "fa-window-close text-danger":"fa-video-camera text-success"}} fs-20 mt-3"
                                                                    title='{{$meeting->mstatus === 'Canceled' ? "Canceled":"Join"}}' data-bs-toggle="tooltip"
                                                                    data-bs-original-title="{{$meeting->mstatus === 'Canceled' ? "Canceled":"Join"}}"></i>
                                                                @if ($meeting->mstatus != 'Canceled')
                                                                <form method="get"
                                                                action="{{route('student.course.extraLesson.joinPage',[$meeting->coffid,$meeting->mid])}}" id="join-extra-form-{{$meeting->mid}}">
                                                                <input name="_method" type="hidden" value="GET" >
                                                                </form>
                                                                @endif
                                                            </a>
                                                            @else

                                                            <a disabled class="btn  btn-sm waves-effect waves-light ms-4">
                                                                <i class="fa {{$meeting->mstatus === 'Canceled' ? "fa-window-close text-danger":"fa-video-camera text-grey"}} fs-20 mt-3"
                                                                    title="{{$meeting->mstatus === 'Canceled' ? "Canceled":"Can't Join now"}}" data-bs-toggle="tooltip"
                                                                    data-bs-original-title="{{$meeting->mstatus === 'Canceled' ? "Canceled":"Can 't Join now"}}"></i>
                                                            </a>
                                                            @endif
                                                        </div>

                                                        <h6 class="badge badge-success my-2">
                                                            {{ $meeting->exmtyname }}
                                                        </h6>
                                                        <div class="d-flex justify-content-between align-items-center">
                                                            <div class="d-flex align-items-center">
                                                                <p class="mb-0 text-muted">
                                                                    {{ $teamCoach->firstWhere('ttid', $meeting->ttid)->user->first_name }}
                                                                    {{ $teamCoach->firstWhere('ttid', $meeting->ttid)->user->last_name }}

                                                                </p>
                                                            </div>
                                                            <small
                                                                class="mb-0 ms-auto"><b>{{ date('h:i A', strtotime($meeting->mstarttime)) }}</b></small>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach

                                    @foreach ($student_extra_meetings_free_for_all->where('mstartdate', date('Y-m-d')) as $free_meeting)
                                        <div
                                            class="media mb-0 mt-2 border-bottom align-items-center ps-5 pe-5 pt-3 pb-3">

                                            <div class="counter-icon  my-auto br-auto me-3 rounded-circle">
                                                <i class="mdi mdi-account leading-loose"></i>
                                            </div>
                                            <div class="media-body">
                                                <div class="time-activity mb-0">
                                                    <div class="item-activity">
                                                        <div class="d-flex justify-content-between align-items-center">
                                                            <div class="d-flex align-items-center">
                                                                <a
                                                                    href="{{ route('courseDetails', $free_meeting->coffid) }}">
                                                                    <p class="mb-0 h6">
                                                                        <b>{{ $free_meeting->mtopic }}</b></p>
                                                                </a>

                                                            </div>
                                                        </div>
                                                        <h6 class="badge badge-primary my-2">
                                                            {{$free_meeting->lshort_name}}
                                                        </h6>
                                                        <div class="d-flex mt-3">
                                                            <h6
                                                            class="badge badge-primary my-2 w-85" style="white-space: nowrap;
                                                            overflow: hidden;
                                                            text-overflow: ellipsis;">
                                                                {{ $free_meeting->sname }}
                                                                {{ $free_meeting->year }}
                                                            </h6>

                                                            @php
                                                            $found = 0;
                                                            @endphp
                                                            @if( now()->format('H:i:s') < date('H:i:s', strtotime('+'. $free_meeting->mduration + $time_after .' minutes', strtotime($free_meeting->mstarttime)))  &&
                                                            now()->format('H:i:s') > date('H:i:s',
                                                            strtotime($free_meeting->mstarttime) - $time_before ) && $free_meeting->mstartdate ===
                                                            now()->format('Y-m-d') )
                                                            @php
                                                            $found = 1;

                                                            @endphp
                                                            @endif
                                                            @if ($found)
                                                            <a href="{{route('student.course.extraLesson.joinPage',[$free_meeting->coffid,$free_meeting->mid])}}" class="btn btn-sm waves-effect waves-light join_extra_meeting ms-4"

                                                                data-coffid="{{$free_meeting->coffid}}"
                                                                data-mid="{{$free_meeting->mid}}">
                                                                <i class="fa {{$free_meeting->mstatus === 'Canceled' ? "fa-window-close text-danger":"fa-video-camera text-success"}} fs-20 mt-3"
                                                                    title='{{$free_meeting->mstatus === 'Canceled' ? "Canceled":"Join"}}' data-bs-toggle="tooltip"
                                                                    data-bs-original-title="{{$free_meeting->mstatus === 'Canceled' ? "Canceled":"Join"}}"></i>
                                                                @if ($free_meeting->mstatus != 'Canceled')
                                                                <form method="get"
                                                                action="{{route('student.course.extraLesson.joinPage',[$free_meeting->coffid,$free_meeting->mid])}}" id="join-extra-form-{{$free_meeting->mid}}">
                                                                <input name="_method" type="hidden" value="GET" >
                                                                </form>
                                                                @endif
                                                            </a>
                                                            @else

                                                            <a disabled class="btn  btn-sm waves-effect waves-light ms-4">
                                                                <i class="fa {{$free_meeting->mstatus === 'Canceled' ? "fa-window-close text-danger":"fa-video-camera text-grey"}} fs-20 mt-3"
                                                                    title="{{$free_meeting->mstatus === 'Canceled' ? "Canceled":"Can't Join now"}}" data-bs-toggle="tooltip"
                                                                    data-bs-original-title="{{$free_meeting->mstatus === 'Canceled' ? "Canceled":"Can 't Join now"}}"></i>
                                                            </a>
                                                            @endif
                                                        </div>

                                                        <h6 class="badge badge-success my-2">
                                                            {{ $free_meeting->exmtyname }}
                                                        </h6>
                                                        <div class="d-flex justify-content-between align-items-center">
                                                            <div class="d-flex align-items-center">
                                                                <p class="mb-0 text-muted">
                                                                    {{ $teamCoach->firstWhere('ttid', $free_meeting->ttid)->user->first_name }}
                                                                    {{ $teamCoach->firstWhere('ttid', $free_meeting->ttid)->user->last_name }}

                                                                </p>
                                                            </div>
                                                            <small
                                                                class="mb-0 ms-auto"><b>{{ date('h:i A', strtotime($free_meeting->mstarttime)) }}</b></small>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach

                                    @foreach ($student_extra_meetings_paid_for_all->where('mstartdate', date('Y-m-d')) as $paid_meeting)
                                            <div
                                                class="media mb-0 mt-2 border-bottom align-items-center ps-5 pe-5 pt-3 pb-3">

                                                <div class="counter-icon  my-auto br-auto me-3 rounded-circle">
                                                    <i class="mdi mdi-account leading-loose"></i>
                                                </div>
                                                <div class="media-body">
                                                    <div class="time-activity mb-0">
                                                        <div class="item-activity">
                                                            <div class="d-flex justify-content-between align-items-center">
                                                                <div class="d-flex align-items-center">
                                                                    <a
                                                                        href="{{ route('courseDetails', $paid_meeting->coffid) }}">
                                                                        <p class="mb-0 h6">
                                                                            <b>{{ $paid_meeting->mtopic }}</b></p>
                                                                    </a>

                                                                </div>
                                                            </div>
                                                            <h6 class="badge badge-primary my-2">
                                                                {{$paid_meeting->lshort_name}}
                                                            </h6>
                                                            <div class="d-flex mt-3">
                                                                <h6
                                                                class="badge badge-primary my-2 w-85" style="white-space: nowrap;
                                                                overflow: hidden;
                                                                text-overflow: ellipsis;">
                                                                    {{ $paid_meeting->sname }}
                                                                    {{ $paid_meeting->year }}
                                                                </h6>

                                                                @php
                                                                $found = 0;
                                                                @endphp
                                                                @if( now()->format('H:i:s') < date('H:i:s', strtotime('+'. $paid_meeting->mduration + $time_after.' minutes', strtotime($paid_meeting->mstarttime)))
                                                                    &&
                                                                    now()->format('H:i:s') > date('H:i:s',strtotime($paid_meeting->mstarttime) - $time_before )
                                                                    &&
                                                                    $paid_meeting->mstartdate === now()->format('Y-m-d')
                                                                    )
                                                                    @php
                                                                    $found = 1;

                                                                    @endphp
                                                                @endif
                                                                @if ($found)
                                                                <a href="{{$paid_meeting->mstatus != 'Canceled' ? route('student.course.lesson.joinPage',[$paid_meeting->coffid,$paid_meeting->mid]) : 'javascript:void(0)'}}"
                                                                    class="btn btn-sm waves-effect waves-light join_meeting ms-4"
                                                                    data-coffid="{{$paid_meeting->coffid}}"
                                                                    data-mid="{{$paid_meeting->mid}}"
                                                                    onclick="$('.join_meeting').css('pointer-events', 'none');">
                                                                    <i class="fa {{$paid_meeting->mstatus === 'Canceled' ? "fa-window-close text-danger":"fa-video-camera text-success"}} fs-20 mt-3"
                                                                        title='{{$paid_meeting->mstatus === 'Canceled' ? "Canceled":"Join"}}' data-bs-toggle="tooltip"
                                                                        data-bs-original-title="{{$paid_meeting->mstatus === 'Canceled' ? "Canceled":"Join"}}"></i>
                                                                    @if ($paid_meeting->mstatus != 'Canceled')
                                                                    <form method="get"
                                                                    action="{{route('student.course.extraLesson.joinPage',[$paid_meeting->coffid,$paid_meeting->mid])}}">
                                                                    <input name="_method" type="hidden" value="GET" >
                                                                    </form>
                                                                    @endif
                                                                </a>
                                                                @else

                                                                <a disabled class="btn  btn-sm waves-effect waves-light ms-4">
                                                                    <i class="fa {{$paid_meeting->mstatus === 'Canceled' ? "fa-window-close text-danger":"fa-video-camera text-grey"}} fs-20 mt-3"
                                                                        title="{{$paid_meeting->mstatus === 'Canceled' ? "Canceled":"Can't Join now"}}" data-bs-toggle="tooltip"
                                                                        data-bs-original-title="{{$paid_meeting->mstatus === 'Canceled' ? "Canceled":"Can 't Join now"}}"></i>
                                                                </a>
                                                                @endif
                                                            </div>

                                                            <h6 class="badge badge-success my-2">
                                                                {{ $paid_meeting->exmtyname }}
                                                            </h6>
                                                            <div class="d-flex justify-content-between align-items-center">
                                                                <div class="d-flex align-items-center">
                                                                    <p class="mb-0 text-muted">
                                                                        {{ $teamCoach->firstWhere('ttid', $paid_meeting->ttid)->user->first_name }}
                                                                        {{ $teamCoach->firstWhere('ttid', $paid_meeting->ttid)->user->last_name }}

                                                                    </p>
                                                                </div>
                                                                <small
                                                                    class="mb-0 ms-auto"><b>{{ date('h:i A', strtotime($paid_meeting->mstarttime)) }}</b></small>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                    @endforeach

                                    @else
                                    <p class="text-center py-5">
                                        <img class="d-block mx-auto mb-2" width="150" src="{{ env('SECURE_ASSETS').'/images/svg/noMeetings.svg' }}">
                                        <strong class="text-primary">No Extra Sessions For Today</strong>
                                    </p>
                                @endif
                            </div>
                        </div> --}}
                    </div>
                    {{-- Meetings --}}
                    <h4 class="page-title py-5">@lang('student.meetings')</h4>
                    <div class="col-xl-12 col-lg-12 col-md-12">
                        <div class="border-0 mb-5 course-details">
                            {{-- tabs --}}
                            <div class="">
                                <div class="ps-0 pb-5">
                                    <div class="wideget-user-tab">
                                        <div class="tab-menu-heading">
                                            <div class="tabs-menu1">
                                                <ul class="nav">
                                                    <li class="ms-0"><a href="#tab-yesterday" class=""data-bs-toggle="tab">@lang('student.yesterday')</a>
                                                    </li>
                                                    <li><a href="#tab-today" data-bs-toggle="tab" class="active">@lang('student.today')</a></li>
                                                    <li><a href="#tab-tommorow" data-bs-toggle="tab" class="">@lang('student.tommorrow')</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            {{-- meetings content --}}
                            <div class="tab-content border-0 p-5 bg-white details-tab-content">
                                {{-- Yesterday Meetings --}}
                                <div class="tab-pane " 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>group</th>
                                                    <th>course</th>
                                                    {{-- <th>@lang('student.table.status')</th> --}}
                                                    <th>@lang('student.table.date/time')</th>
                                                    <th>Room</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($courses as $course)
                                                    @foreach ($course->meeting as $meeting)
                                                        @if ($meeting->mstartdate == date('Y-m-d',strtotime("-1 days")) && $meeting->mnumber != '00000000000' && $meeting->is_copied == 0 && $meeting->mstatus != 'Canceled' && in_array($meeting->gid,$student_favourites->pluck('gid')->toArray()) && $meeting->groupSchedule->is_deleted == 0)
                                                            {{-- Plain Meeting --}}
                                                            <tr class="text-center">
                                                                <td>
                                                                    {{$meeting->group->groupName->gname}}
                                                                    @if ( $course->has_label)
                                                                    <span class="badge badge-success">{{ $course->label }}</span>
                                                                    @endif
                                                                </td>
                                                                <td>{{$meeting->mtopic}}</td>
                                                                {{-- <td>{{$meeting->mstatus}}</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>{{ $meeting->groupSchedule->className->classname }}</td>
                                                            </tr>
                                                        @endif
                                                    @endforeach
                                                @endforeach
                                                {{-- Paid For All --}}
                                                @foreach ($student_extra_meetings_paid_for_all->where('mstartdate', date('Y-m-d',strtotime("-1 days"))) as $paid_meeting)
                                                <tr class="text-center">
                                                    <td><span class="badge badge-success">Extra meeting</span></td>
                                                    <td>{{$paid_meeting->mtopic}}</td>
                                                    <td>{{$paid_meeting->mstatus}}</td>
                                                    <td>
                                                        <i class="fa fa-calendar"></i>
                                                        {{ $paid_meeting->mstartdate . ' / '}}
                                                        <i class="fa fa-clock-o"></i>
                                                        {{date('h:i A', strtotime($paid_meeting->mstarttime))}}
                                                    </td>
                                                </tr>
                                                @endforeach
                                                {{-- Not Free For All --}}
                                                @foreach ($student_extra_meetings->where('mstartdate', date('Y-m-d',strtotime("-1 days"))) as $meeting)
                                                <tr class="text-center">
                                                    <td><span class="badge badge-success">Extra meeting</span></td>
                                                    <td>{{$meeting->mtopic}}</td>
                                                    <td>{{$meeting->mstatus}}</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
                                                {{-- Free For All --}}
                                                @foreach ($student_extra_meetings_free_for_all->where('mstartdate', date('Y-m-d',strtotime("-1 days"))) as $free_meeting)
                                                <tr class="text-center">
                                                    <td><span class="badge badge-success">Extra meeting</span></td>
                                                    <td>{{$free_meeting->mtopic}}</td>
                                                    <td>{{$free_meeting->mstatus}}</td>
                                                    <td>
                                                        <i class="fa fa-calendar"></i>
                                                        {{ $free_meeting->mstartdate . ' / '}}
                                                        <i class="fa fa-clock-o"></i>
                                                        {{date('h:i A', strtotime($free_meeting->mstarttime))}}
                                                    </td>
                                                </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                {{-- Today Meetings --}}
                                <div class="tab-pane active" 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>group</th>
                                                    <th>course</th>
                                                    {{-- <th>@lang('student.table.status')</th> --}}
                                                    <th>@lang('student.table.date/time')</th>
                                                    <th>Room</th>
                                                    {{-- <th></th> --}}
                                                </tr>
                                            </thead>
                                            <tbody>
                                                {{-- plain meeting --}}
                                                @foreach ($courses as $course)
                                                    @foreach ($course->meeting as $meeting)
                                                        @if ($meeting->mstartdate == date('Y-m-d') && $meeting->mnumber != '00000000000' && $meeting->is_copied == 0 && $meeting->mstatus != 'Canceled' && in_array($meeting->gid,$student_favourites->pluck('gid')->toArray()) && $meeting->groupSchedule->is_deleted == 0 )
                                                            {{-- Plain Meeting --}}
                                                            <tr class="text-center">
                                                                <td>
                                                                    {{$meeting->group->groupName->gname}}
                                                                    @if ( $course->has_label)
                                                                    <span class="badge badge-success">{{ $course->label }}</span>
                                                                    @endif
                                                                </td>
                                                                <td>{{$meeting->mtopic}}</td>
                                                                {{-- <td>{{$meeting->mstatus}}</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>{{ $meeting->groupSchedule->className->classname }}</td>
                                                                {{-- <td>
                                                                    @php
                                                                    $found = 0;
                                                                    @endphp
                                                                    @if( now()->format('H:i:s') < date('H:i:s', strtotime('+'. $meeting->mduration + $time_after .' minutes', strtotime($meeting->mstarttime)))  &&
                                                                        now()->format('H:i:s') > date('H:i:s',
                                                                        strtotime($meeting->mstarttime) - $time_before ) && $meeting->mstartdate ===
                                                                        now()->format('Y-m-d') )
                                                                        @php
                                                                        $found = 1;

                                                                        @endphp
                                                                    @endif
                                                                    @if ($found)
                                                                    <a href="{{$meeting->mstatus != 'Canceled' ? route('student.course.lesson.joinPage',[$course->coffid,$meeting->mid]) : 'javascript:void(0)'}}"
                                                                        class="btn btn-sm waves-effect waves-light join_meeting"
                                                                        id="join_meeting"
                                                                        data-coffid="{{$course->coffid}}"
                                                                        data-mid="{{$meeting->mid}}"
                                                                        onclick="$('.join_meeting').css('pointer-events', 'none');">
                                                                        <i class="fa {{$meeting->mstatus === 'Canceled' ? "fa-window-close text-danger":"fa-video-camera text-success"}} fs-20  mt-3"
                                                                            title='{{$meeting->mstatus === 'Canceled' ? "Canceled":"Join"}}' data-bs-toggle="tooltip"
                                                                            data-bs-original-title="{{$meeting->mstatus === 'Canceled' ? "Canceled":"Join"}}"></i>

                                                                    </a>

                                                                    @else
                                                                        <a disabled class="btn btn-sm waves-effect waves-light">
                                                                            <i class="fa {{$meeting->mstatus === 'Canceled' ? "fa-window-close text-danger":"fa-video-camera text-grey"}} fs-20 mt-3"
                                                                                title="{{$meeting->mstatus === 'Canceled' ? "Canceled":"Can't Join now"}}" data-bs-toggle="tooltip"
                                                                                data-bs-original-title="{{$meeting->mstatus === 'Canceled' ? "Canceled":"Can 't Join now"}}"></i>
                                                                        </a>
                                                                    @endif

                                                                </td> --}}
                                                            </tr>
                                                        @endif
                                                    @endforeach
                                                @endforeach
                                                {{-- Extra meeting --}}
                                                {{-- Paid For All --}}
                                                @foreach ($student_extra_meetings_paid_for_all->where('mstartdate', date('Y-m-d')) as $paid_meeting)
                                                <tr class="text-center">
                                                    <td><span class="badge badge-success">Extra meeting</span></td>
                                                    <td>{{$paid_meeting->mtopic}}</td>
                                                    <td>{{$paid_meeting->mstatus}}</td>
                                                    <td>
                                                        <i class="fa fa-calendar"></i>
                                                        {{ $paid_meeting->mstartdate . ' / '}}
                                                        <i class="fa fa-clock-o"></i>
                                                        {{date('h:i A', strtotime($paid_meeting->mstarttime))}}
                                                    </td>
                                                    <td>
                                                        @php
                                                    $found = 0;
                                                    @endphp
                                                    @if( now()->format('H:i:s') < date('H:i:s', strtotime('+'. $paid_meeting->mduration + $time_after .' minutes', strtotime($paid_meeting->mstarttime)))
                                                        &&
                                                        now()->format('H:i:s') > date('H:i:s',strtotime($paid_meeting->mstarttime) - $time_before )
                                                        &&
                                                        $paid_meeting->mstartdate === now()->format('Y-m-d')
                                                        )
                                                        @php
                                                        $found = 1;

                                                        @endphp
                                                    @endif
                                                    @if ($found)

                                                        <a href="{{$paid_meeting->mstatus != 'Canceled' ? route('student.course.lesson.joinPage',[$paid_meeting->coffid,$paid_meeting->mid]) : 'javascript:void(0)'}}"
                                                            class="btn btn-sm waves-effect waves-light join_meeting ms-4"
                                                            id="join_meeting"
                                                            data-coffid="{{$paid_meeting->coffid}}"
                                                            data-mid="{{$paid_meeting->mid}}">
                                                            <i class="fa {{$paid_meeting->mstatus === 'Canceled' ? "fa-window-close text-danger":"fa-video-camera text-success"}} fs-20  mt-3"
                                                                title='{{$paid_meeting->mstatus === 'Canceled' ? "Canceled":"Join"}}' data-bs-toggle="tooltip"
                                                                data-bs-original-title="{{$paid_meeting->mstatus === 'Canceled' ? "Canceled":"Join"}}"></i>
                                                        </a>

                                                    @else
                                                    <a disabled class="btn  btn-sm waves-effect waves-light">
                                                        <i class="fa {{$paid_meeting->mstatus === 'Canceled' ? "fa-window-close text-danger":"fa-video-camera text-grey"}} fs-20 mt-3"
                                                            title="{{$paid_meeting->mstatus === 'Canceled' ? "Canceled":"Can't Join now"}}" data-bs-toggle="tooltip"
                                                            data-bs-original-title="{{$paid_meeting->mstatus === 'Canceled' ? "Canceled":"Can 't Join now"}}"></i>
                                                    </a>
                                                    @endif
                                                    </td>
                                                </tr>
                                                @endforeach
                                                {{-- Not Free For All --}}
                                                @foreach ($student_extra_meetings->where('mstartdate', date('Y-m-d')) as $meeting)
                                                <tr class="text-center">
                                                    <td><span class="badge badge-success">Extra meeting</span></td>
                                                    <td>{{$meeting->mtopic}}</td>
                                                    <td>{{$meeting->mstatus}}</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>
                                                    @php
                                                    $found = 0;
                                                    @endphp
                                                    @if( now()->format('H:i:s') < date('H:i:s', strtotime('+'. $meeting->mduration + $time_after .' minutes', strtotime($meeting->mstarttime)))
                                                        &&
                                                        now()->format('H:i:s') > date('H:i:s',strtotime($meeting->mstarttime) - $time_before )
                                                        &&
                                                        $meeting->mstartdate === now()->format('Y-m-d')
                                                        )
                                                        @php
                                                        $found = 1;
                                                        @endphp
                                                    @endif
                                                    @if ($found)
                                                        <a href="{{route('student.course.extraLesson.joinPage',[$meeting->coffid,$meeting->mid])}}" class="btn btn-sm waves-effect waves-light join_extra_meeting"

                                                            data-coffid="{{$meeting->coffid}}"
                                                            data-mid="{{$meeting->mid}}">
                                                            <i class="fa {{$meeting->mstatus === 'Canceled' ? "fa-window-close text-danger":"fa-video-camera text-success"}} fs-20 mt-3"
                                                                title='{{$meeting->mstatus === 'Canceled' ? "Canceled":"Join"}}' data-bs-toggle="tooltip"
                                                                data-bs-original-title="{{$meeting->mstatus === 'Canceled' ? "Canceled":"Join"}}"></i>
                                                            @if ($meeting->mstatus != 'Canceled')
                                                                <form method="get"
                                                                action="{{route('student.course.extraLesson.joinPage',[$meeting->coffid,$meeting->mid])}}" id="join-extra-form-{{$meeting->mid}}">
                                                                <input name="_method" type="hidden" value="GET" >
                                                                </form>
                                                            @endif
                                                        </a>
                                                    @else
                                                    <a disabled class="btn  btn-sm waves-effect waves-light">
                                                        <i class="fa {{$meeting->mstatus === 'Canceled' ? "fa-window-close text-danger":"fa-video-camera text-grey"}} fs-20 mt-3"
                                                            title="{{$meeting->mstatus === 'Canceled' ? "Canceled":"Can't Join now"}}" data-bs-toggle="tooltip"
                                                            data-bs-original-title="{{$meeting->mstatus === 'Canceled' ? "Canceled":"Can 't Join now"}}"></i>
                                                    </a>
                                                    @endif
                                                    </td>
                                                </tr>
                                                @endforeach
                                                {{-- Free For All --}}
                                                @foreach ($student_extra_meetings_free_for_all->where('mstartdate', date('Y-m-d')) as $free_meeting)
                                                <tr class="text-center">
                                                    <td><span class="badge badge-success">Extra meeting</span></td>
                                                    <td>{{$free_meeting->mtopic}}</td>
                                                    <td>{{$free_meeting->mstatus}}</td>
                                                    <td>
                                                        <i class="fa fa-calendar"></i>
                                                        {{ $free_meeting->mstartdate . ' / '}}
                                                        <i class="fa fa-clock-o"></i>
                                                        {{date('h:i A', strtotime($free_meeting->mstarttime))}}
                                                    </td>
                                                    <td>
                                                    @php
                                                    $found = 0;
                                                    @endphp
                                                    @if( now()->format('H:i:s') < date('H:i:s', strtotime('+'. $free_meeting->mduration + $time_after .' minutes', strtotime($free_meeting->mstarttime)))
                                                        &&
                                                        now()->format('H:i:s') > date('H:i:s',strtotime($free_meeting->mstarttime) - $time_before )
                                                        &&
                                                        $free_meeting->mstartdate === now()->format('Y-m-d')
                                                        )
                                                        @php
                                                        $found = 1;
                                                        @endphp
                                                    @endif
                                                    @if ($found)
                                                        <a href="{{route('student.course.extraLesson.joinPage',[$free_meeting->coffid,$free_meeting->mid])}}" class="btn btn-sm waves-effect waves-light join_extra_meeting"

                                                            data-coffid="{{$free_meeting->coffid}}"
                                                            data-mid="{{$free_meeting->mid}}">
                                                            <i class="fa {{$free_meeting->mstatus === 'Canceled' ? "fa-window-close text-danger":"fa-video-camera text-success"}} fs-20 mt-3"
                                                                title='{{$free_meeting->mstatus === 'Canceled' ? "Canceled":"Join"}}' data-bs-toggle="tooltip"
                                                                data-bs-original-title="{{$free_meeting->mstatus === 'Canceled' ? "Canceled":"Join"}}"></i>
                                                            @if ($free_meeting->mstatus != 'Canceled')
                                                                <form method="get"
                                                                action="{{route('student.course.extraLesson.joinPage',[$free_meeting->coffid,$free_meeting->mid])}}" id="join-extra-form-{{$free_meeting->mid}}">
                                                                <input name="_method" type="hidden" value="GET" >
                                                                </form>
                                                            @endif
                                                        </a>
                                                    @else
                                                    <a disabled class="btn  btn-sm waves-effect waves-light">
                                                        <i class="fa {{$free_meeting->mstatus === 'Canceled' ? "fa-window-close text-danger":"fa-video-camera text-grey"}} fs-20 mt-3"
                                                            title="{{$free_meeting->mstatus === 'Canceled' ? "Canceled":"Can't Join now"}}" data-bs-toggle="tooltip"
                                                            data-bs-original-title="{{$free_meeting->mstatus === 'Canceled' ? "Canceled":"Can 't Join now"}}"></i>
                                                    </a>
                                                    @endif
                                                    </td>
                                                </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                {{-- Tommorow Meeting --}}
                                <div class="tab-pane" 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>group</th>
                                                    <th>course</th>
                                                    {{-- <th>@lang('student.table.status')</th> --}}
                                                    <th>@lang('student.table.date/time')</th>
                                                    <th>Room</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($courses as $course)
                                                    @foreach ($course->meeting as $meeting)
                                                        @if ($meeting->mstartdate == date('Y-m-d',strtotime("+1 days")) && $meeting->mnumber != '00000000000' && $meeting->is_copied == 0 && $meeting->mstatus != 'Canceled' && in_array($meeting->gid,$student_favourites->pluck('gid')->toArray()) && $meeting->groupSchedule->is_deleted == 0)
                                                            {{-- Plain Meeting --}}
                                                            <tr class="text-center">
                                                                <td>
                                                                    {{$meeting->group->groupName->gname}}
                                                                    @if ( $course->has_label)
                                                                    <span class="badge badge-success">{{ $course->label }}</span>
                                                                    @endif
                                                                </td>
                                                                <td>{{$meeting->mtopic}}</td>
                                                                {{-- <td>{{$meeting->mstatus}}</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>{{ $meeting->groupSchedule->className->classname }}</td>
                                                            </tr>
                                                        @endif
                                                    @endforeach
                                                @endforeach
                                                {{-- Paid For All --}}
                                                @foreach ($student_extra_meetings_paid_for_all->where('mstartdate', date('Y-m-d',strtotime("+1 days"))) as $paid_meeting)
                                                <tr class="text-center">
                                                    <td><span class="badge badge-success">Extra meeting</span></td>
                                                    <td>{{$paid_meeting->mtopic}}</td>
                                                    <td>{{$paid_meeting->mstatus}}</td>
                                                    <td>
                                                        <i class="fa fa-calendar"></i>
                                                        {{ $paid_meeting->mstartdate . ' / '}}
                                                        <i class="fa fa-clock-o"></i>
                                                        {{date('h:i A', strtotime($paid_meeting->mstarttime))}}
                                                    </td>
                                                </tr>
                                                @endforeach
                                                {{-- Not Free For All --}}
                                                @foreach ($student_extra_meetings->where('mstartdate', date('Y-m-d',strtotime("+1 days"))) as $meeting)
                                                <tr class="text-center">
                                                    <td><span class="badge badge-success">Extra meeting</span></td>
                                                    <td>{{$meeting->mtopic}}</td>
                                                    <td>{{$meeting->mstatus}}</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
                                                {{-- Free For All --}}
                                                @foreach ($student_extra_meetings_free_for_all->where('mstartdate', date('Y-m-d',strtotime("+1 days"))) as $free_meeting)
                                                <tr class="text-center">
                                                    <td><span class="badge badge-success">Extra meeting</span></td>
                                                    <td>{{$free_meeting->mtopic}}</td>
                                                    <td>{{$free_meeting->mstatus}}</td>
                                                    <td>
                                                        <i class="fa fa-calendar"></i>
                                                        {{ $free_meeting->mstartdate . ' / '}}
                                                        <i class="fa fa-clock-o"></i>
                                                        {{date('h:i A', strtotime($free_meeting->mstarttime))}}
                                                    </td>
                                                </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>

                </div>
            @endif
        </div>
        <!-- MODAL For team Members -->
        <div class="modal fade" id="modaldemo8">
            <div class="modal-dialog modal-dialog-centered text-center" role="document">
                <div class="modal-content modal-content-demo">
                    <div class="modal-header">
                        <h6 class="modal-title">@lang('student.team members')</h6>
                        <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="col-xl-12 col-lg-12 col-md-12" id="teamMemberInfo">
                            <div class="card">
                                <div class="card-body p-0">
                                    <div class="media mb-0 mt-2 border-bottom align-items-center ps-5 pe-5 pt-3 pb-3">
                                        <div class="counter-icon  my-auto br-auto me-3 rounded-circle">
                                            <i class="mdi mdi-account leading-loose"></i>
                                        </div>
                                        <div class="media-body">
                                            <div class="time-activity mb-0">
                                                <div class="item-activity">
                                                    <div class="d-flex justify-content-between align-items-center">
                                                        <div class="d-flex align-items-center">
                                                            <p class="mb-0 h6"><b id="teamMemberName">Teaching Team
                                                                    Member Name
                                                                </b></p>
                                                        </div>
                                                    </div>
                                                    <div class="d-flex justify-content-between align-items-center">
                                                        <div class="d-flex align-items-center">
                                                            <p class="mb-0 text-muted"> Title</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button class="btn btn-secondary" data-bs-dismiss="modal" type="button">@lang('student.close')</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- MODAL Enroll -->
        {{-- <div class="modal fade" id="modalenroll">
            <div class="modal-dialog modal-dialog-centered text-center" role="document">
                <div class="modal-content modal-content-demo">
                    <div class="modal-header">
                        <h6 class="modal-title">@lang('student.enroll')</h6>
                        <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        ID: <p id="id"></p>
                        <div class="modal-footer">
                            <button class="btn btn-secondary" data-bs-dismiss="modal" type="button">@lang('student.close')</button>
                        </div>
                    </div>
                </div>
            </div>
        </div> --}}
        <!-- MODAL View Schedule -->
        <div class="modal fade" id="modalschedule">
            <div class="modal-dialog modal-dialog-centered text-center" role="document">
                <div class="modal-content modal-content-demo">
                    <div class="modal-header">
                        <h6 class="modal-title">@lang('student.view schedule')</h6>
                        <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="card">
                            <div class="card-body">
                                <div class="table-responsive">
                                    <table
                                        class="table card-table table-striped table-bordered border-top table-vcenter text-nowrap">
                                        <thead>
                                            <tr>
                                                <th>@lang('student.table.group name')</th>
                                                <th>@lang('student.table.day')</th>
                                                <th>@lang('student.table.from')</th>
                                                <th>@lang('student.table.to')</th>
                                            </tr>
                                        </thead>
                                        <tbody id="scheduleTable">
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button class="btn btn-secondary" data-bs-dismiss="modal" type="button">Close</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    @endsection
    @section('student-js')
    <!--Showmore js-->
		<script src="{{secure_asset('/js/jquery.showmore.js')}}"></script>
        <script>
            $('#container').showmore({
                closedHeight: 290,
                buttonTextMore: 'Show more',
                buttonTextLess: 'Close',
                buttonCssClass: 'showmore-button',
                animationSpeed: 0.5
            });
        </script>
        <script>
            // Get Team Members For a specific Course
            $(document).ready(function() {
                // Get Record data using it's id
                jQuery('body').on('click', '#showTeachingTeamInfo', function() {
                    var ttid = this.dataset.ttid;
                    console.log(ttid);
                    $.get('/student/teaminfo/' + ttid, function(data) {
                        console.log(data);
                        var htmlResult = '';
                        data.forEach(function(element) {
                            htmlResult = htmlResult + '<div class="card">' +
                                '<div class="card-body p-0">' +
                                '<div class="media mb-0 mt-2 border-bottom align-items-center ps-5 pe-5 pt-3 pb-3">' +
                                '<div class="counter-icon  my-auto br-auto me-3 rounded-circle">' +
                                '<i class="mdi mdi-account leading-loose"></i>' +
                                '</div>' +
                                '<div class="media-body">' +
                                '<div class="time-activity mb-0">' +
                                '<div class="item-activity">' +
                                '<div class="d-flex justify-content-between align-items-center">' +
                                '<div class="d-flex align-items-center">' +
                                '<p class="mb-0 h6"><b id="teamMemberName">' + element
                                .first_name + " " + element.last_name + '</b></p>' +
                                '</div>' +
                                '</div>' +
                                '<div class="d-flex justify-content-between align-items-center">' +
                                '<div class="d-flex align-items-center">' +
                                '<p class="mb-0 text-muted">' + element.ttyname + ' </p>' +
                                '</div>' +
                                '</div>' +
                                '</div>' +
                                '</div>' +
                                '</div>' +
                                '</div>' +
                                '</div>' +
                                '</div>';
                            //  jQuery('#teamMember Title').val(data.esname);
                        });
                        jQuery('#teamMemberInfo').html(htmlResult);
                    })
                });
                // Enroll
                jQuery('body').on('click', '#enroll', function() {
                    var coffid = this.dataset.coffid;
                    document.getElementById('id').innerHTML = coffid
                });
                // View Schedule
                jQuery('body').on('click', '#schedule', function() {
                    var coffid = this.dataset.coffid;
                    $.get('/student/schedule/' + coffid, function(data) {
                        var htmlResult = '';

                        data.schedule.forEach(function(element) {
                            htmlResult = htmlResult + "<tr>" +
                                "<td>" + element.group.group_name.gname + "</td>" +
                                "<td>" + getDay(element.gsday) + "</td>" +
                                "<td>" + tConvert(element.gsfrom.substring(0, 5)) + "</td>" +
                                "<td>" + tConvert(element.gsto.substring(0, 5)) + "</td>" +
                                "</tr>"
                        });
                        jQuery('#scheduleTable').html(htmlResult);
                    })
                });
                // 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>');
                //                 })
                //             });
                //         }
                //     });
                // });

                // var items = $("table tbody tr");
                // var tablaeBody = $("table tbody");
                // var numItems = items.length;
                // var perPage = 20;
                // // Only show the first 20 (or first `per_page`) items initially.
                // tablaeBody.html(items.slice(0, 20));
                // Now setup the pagination using the `.pagination-page` div.
                $(".pagination-page").pagination({
                    items: numItems,
                    itemsOnPage: perPage,
                    cssStyle: "light-theme",
                    // This is the actual page changing functionality.
                    onPageClick: function(pageNumber) {
                        // We need to show and hide `tr`s appropriately.
                        var showFrom = perPage * (pageNumber - 1);
                        var showTo = showFrom + perPage;
                        tablaeBody.html(items.slice(showFrom, showTo));
                    }
                });
            });
            // Change Time formate
            function tConvert(time) {
                // Check correct time format and split into components
                time = time.toString().match(/^([01]\d|2[0-3])(:)([0-5]\d)(:[0-5]\d)?$/) || [time];
                if (time.length > 1) { // If time format correct
                    time = time.slice(1); // Remove full string match value
                    time[5] = +time[0] < 12 ? ' AM' : ' PM'; // Set AM/PM
                    time[0] = +time[0] % 12 || 12; // Adjust hours
                }
                return time.join(''); // return adjusted time or original string
            }
            // Get Day
            function getDay(id) {
                if (id == "1")
                    return "sunday";
                else if (id == "2")
                    return "monday";
                else if (id == "3")
                    return "tuesday";
                else if (id == "4")
                    return "wednesday";
                else if (id == "5")
                    return "thursday";
                else if (id == "6")
                    return "friday";
                else if (id == "7")
                    return "saturday";
                else
                    return "ERROR";
            }

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

        </script>
        <script>
            function sendMarkRequest(id = null,type='installments') {
                return $.ajax("{{ route('student.markNotifications') }}", {
                    method: 'POST',
                    headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    data: {
                        id,
                        type
                    }
                });
            }

            $('#mark-all').click(function() {
                    let request = sendMarkRequest();
                    request.done(() => {
                        notif({
                                type: "success",
                                msg: "All Notifications Marked As Read",
                                position: "center",
                                opacity: 0.8,
                                autohide: true,
                                multiline:true,
                                fade:true,
                                });
                        $('.notification-card').remove()
                        $('.notification-count').text('0')
                        $(this).remove()
                    })
                });
        </script>
    @endsection