@extends('layouts.teacher')

@section('content')

    <div class="app-content my-3 my-md-5">
        <div class="side-app">
            <x-page.header>{{$courses->has_label ? '( '.$courses->label.' )' : ''}} {{ $courses->acyname }}_{{$courses->cname}} ({{$courses->lshort_name}})</x-page.header>

            <div class="row">
                <div class="col-xl-8 col-lg-8 col-md-12">
                    {{-- @if ($courses->enrollment_whatsapp_group)
                        <div class="py-4">
                            <div class="text-center mb-4">
                                {{ QrCode::size(150)->generate($courses->enrollment_whatsapp_group) }}</div>
                            <p class="text-center">Enrollment WhatsApp Group.</p>
                            <p class="text-center">
                                <span class="text-primary" style="text-decoration: underline">Can't join with QR
                                    code?</span>
                                <a href="{{ $courses->enrollment_whatsapp_group }}" class="btn btn-sm ms-3"
                                    style="background:#8c2828;color:aliceblue">
                                    join
                                    <i class="fa fa-whatsapp"></i>
                                </a>
                            </p>
                        </div>
                    @endif --}}
                    <div class="border-0 mb-5 course-details">
                        <div class="wideget-user-tab wideget-user-tab3">
                            <div class="tab-menu-heading">
                                <div class="tabs-menu1">
                                    <ul class="nav">
                                        <li class="ms-0"><a href="#tab-1" class="active"
                                                data-bs-toggle="tab">@lang('student.course-page.overview')</a>
                                        </li>
                                        <li><a href="#tab-2" data-bs-toggle="tab" class="">@lang('student.course-page.teacher')</a></li>
                                        <li><a href="#tab-3" data-bs-toggle="tab" class="text-center">Enrollments</a>
                                        </li>
                                        @if (isset($course_has_transactions))
                                            <li><a href="{{ route('teacher.course.attendance', $courses->coffid) }}"
                                                    class="text-center">Attendance</a></li>
                                        @endif
                                        {{-- @if ($courses->student_whatsapp_group || $courses->parent_whatsapp_group)
									<li><a href="#tab-5" data-bs-toggle="tab" class="text-center">Whatsapp</a></li>
									@endif --}}
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="tab-content border-0 p-5 bg-white details-tab-content">
                            {{-- Overview --}}
                            <div class="tab-pane active" id="tab-1">
                                <h3 class="card-title mb-3 font-weight-bold">@lang('student.course-page.desciribtion')</h3>
                                <h6 class="py-3">Course Code: <b>{{ $courses->ccode }}</b></h6>
                                <div class="mb-0 description">
                                    <p>{{ $courses->cdescription }}</p>
                                </div>
                                <div class="mb-4">
                                    @if ($courses->cdescription)
                                        <a href="{{ $courses->curl }}" target="_blank" class="btn btn-info icons"><i
                                                class="fa fa-globe me-1"></i> @lang('student.course-page.view more')
                                        </a>
                                    @endif
                                </div>
                                {{-- <h4 class="card-title mb-3 font-weight-bold">Specifications</h4>
							<div class="row">
								<div class="col-xl-6 col-md-12">
									<ul class="list-unstyled widget-spec-1">
										<li class="text-default-dark"><i class="text-default fa fa-star"></i><span>Free
												Demo</span></li>
										<li class="text-default-dark"><i class="text-default fa fa-user"></i><span>100%
												job Assistance</span></li>
										<li class="text-default-dark"><i
												class="text-default fa fa-alert-circle"></i><span> Flexible
												Timing</span></li>
										<li class="text-default-dark"><i class="text-default fa fa-file"></i><span>
												Realtime Project Work</span></li>
										<li class="text-default-dark"><i class="text-default fa fa-users"></i><span>
												Learn From Experts</span></li>
										<li class="text-default-dark mb-2 mb-md-0"><i
												class="text-default fa fa-award"></i><span> Get Certified</span></li>
									</ul>
								</div>
								<div class="col-xl-6 col-md-12">
									<ul class="list-unstyled widget-spec-1">
										<li class="text-default-dark"><i class="text-default fa fa-heart"></i><span>
												Place your career</span></li>
										<li class="text-default-dark"><i
												class="text-default fa fa-dollar-sign"></i><span> Reasonable fees</span>
										</li>
										<li class="text-default-dark"><i class="text-default fa fa-airplay"></i><span>
												Access on mobile and Tv</span></li>
										<li class="text-default-dark"><i class="text-default fa fa-monitor"></i><span>
												High-quality content and Class videos</span></li>
										<li class="text-default-dark"><i
												class="text-default fa fa-aperture"></i><span>Learning Management
												System</span></li>
										<li class="text-default-dark"><i
												class="text-default fa fa-credit-card"></i><span> Full lifetime
												access</span></li>
									</ul>
								</div>
							</div> --}}
                            </div>
                            {{-- Teacher --}}
                            <div class="tab-pane" id="tab-2">
                                <div class="card mb-0 border-0 shadow-none">

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

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

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

                                        </div>
                                    </div>
                                </div>
                            </div>
                            {{-- Enrollment --}}
                            <div class="tab-pane" id="tab-3">
                                <!---->
                                {{-- @if (isset($course_has_transactions)) --}}
                                <div class="d-flex">
                                    <a href="{{ route('teacher.course.exportVcard', $courses->coffid) }} "
                                        class="btn btn-primary mx-auto d-block w-25 my-5">Export Contacts</a>
                                    <a href="{{ route('teacher.course.exportEnrollments', $courses->coffid) }} "
                                        class="btn btn-outline-success mx-auto d-block w-25 my-5">Export Excel</a>
                                </div>
                                {{-- @endif --}}
                                <div class="table-responsive">
                                    <table class="table table-striped table-bordered table-vcenter text-nowrap"
                                        id="enrollments_table">
                                        <thead>
                                            <tr>
                                                <th style="text-align: center;">id</th>
                                                <th style="text-align: center;">Student</th>
                                                {{-- @if (isset($course_has_transactions)) --}}
                                                <th style="text-align: center;">Info</th>
                                                {{-- @endif --}}
                                                <th style="text-align: center;">group</th>
                                                {{-- <th style="text-align: center;">Enrollment method</th> --}}
                                            </tr>
                                        </thead>
                                        <tbody>

                                            @foreach ($enrolments as $key=>$item)
                                                <tr class="text-center">
                                                    <td>{{ ++$key }}</td>
                                                    <td>{{ $item->first_name . ' ' . $item->middle_name . ' ' . $item->last_name }}
                                                    </td>
                                                    {{-- @if (isset($course_has_transactions)) --}}
                                                    <td>
                                                        <i class="mdi mdi-information-outline leading-loose"
                                                            data-bs-html="true" data-bs-toggle="tooltip"
                                                            data-bs-placement="top" title=""
                                                            data-bs-original-title="UserID: {{ $item->username }} <br> Email: {{ $item->email }} <br> Phone: {{ $item->phone }}"></i>
                                                    </td>
                                                    {{-- @endif --}}
                                                    <td>{{ $item->gname ? $item->gname : 'No group' }}</td>
                                                    {{-- <td>
                                                        <span class="badge badge-{{$item->fees_by_lesson ? 'success':'info'}}">
                                                            {{$item->fees_by_lesson ? 'by lesson':'by course'}}
                                                        </span>
                                                    </td> --}}
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>

                            {{-- Whatsapp --}}
                            {{-- @if ($courses->student_whatsapp_group || $courses->parent_whatsapp_group)
						<div class="tab-pane" id="tab-5">
							<div class="row">
                                @if ($courses->student_whatsapp_group)
								<div class="col-md-6">

									<div class="text-center mb-4">{{QrCode::size(150)->generate($courses->student_whatsapp_group)}}</div>
									<p class="text-center">Student WhatsApp Group.</p>
									<p class="text-center">
										<span class="text-primary" style="text-decoration: underline">Can't join with QR code?</span>
										<a href="{{$courses->student_whatsapp_group}}" class="btn btn-sm ms-3" style="background:#8c2828;color:aliceblue">
											join
											<i class="fa fa-whatsapp"></i>
										</a>
									</p>
								</div>
								@endif
                                @if ($courses->parent_whatsapp_group)
								<div class="col-md-6">

									<div class="text-center mb-4">{{QrCode::size(150)->generate($courses->parent_whatsapp_group)}}</div>
									<p class="text-center">Parent WhatsApp Group.</p>
									<p class="text-center">
										<span class="text-primary" style="text-decoration: underline">Can't join with QR code?</span>
										<a href="{{$courses->parent_whatsapp_group}}" class="btn btn-sm ms-3" style="background:#8c2828;color:aliceblue">
											join
											<i class="fa fa-whatsapp"></i>
										</a>
									</p>
								</div>
								@endif
							</div>
						</div>
						@endif --}}
                        </div>
                        <div class="card-footer bg-white br-bs-7 br-be-7">

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

                <!--Right Side Content-->
                <div class="col-xl-4 col-lg-4 col-md-12" style="margin-top: 0rem !important;">
                    <div class="card">
                        <div class="card-body">
                            <div class="product-slider">
                                <ul class="list-unstyled video-list-thumbs">
                                    <li class="mb-0">
                                        @if ($courses->youtube_link)
                                            <a data-bs-toggle="modal" data-bs-target="#homeVideo" class="class-video p-0">
                                                <img src="{{ $courses->getImage($courses->course->cimage) }}"
                                                    alt="img" class="img-responsive border br-7">
                                                <span class="video-icon" href="javascript:void(0)"><i
                                                        class="fa fa-play"></i></span>
                                            </a>
                                        @else
                                            <img src="{{ $courses->getImage($courses->course->cimage) }}" alt="img"
                                                class="img-responsive  border br-7">
                                        @endif
                                    </li>
                                </ul>
                            </div>
                            <hr />
                            <div class="mt-4 mb-4 text-center">
                                <div class="mb-2">
                                    <span class="font-weight-semibold h2 text-default-dark mb-0">
                                        @if ($courses->fee_per_lesson_total !=0)
                                            @if ($courses->currency == 2)
                                                <span class="font-weight-semibold h2 text-default-dark mb-0">
                                                    <h3>
                                                        {{$courses->fee_per_lesson_total}}
                                                        EGP / @lang('student.lesson')
                                                    </h3>
                                                </span>
                                            @else
                                                <span class="font-weight-semibold h2 text-default-dark mb-0">
                                                    <h3>
                                                        {{$courses->fee_per_lesson_total}}
                                                        AED / @lang('student.lesson')
                                                        <br>
                                                        {{round($courses->fee_per_lesson_total * $rate, 2)}}
                                                        EGP / @lang('student.lesson')
                                                    </h3>
                                                </span>

                                            @endif


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

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

                                                    @endif

                                                @elseif ($courses->course_discount > 0 )

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

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


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

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

                                                @endif
                                            </h3>

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

                                        </span>
									@endif

                                    </span>

                                </div>
                            </div>
                            <div class="">

                                <button href="javascript:void(0)" class="btn btn-block btn-success mb-3 mb-xl-0"
                                    disabled><span>@lang('student.enrolled')</span></button>
                            </div>
                        </div>
                    </div>
                </div>
                <!--/Right Side Content-->
            </div>
            <!--Group Schedule-->
            <div class="row">

                <div class="border-0 mb-5 course-details">
                    <div class="wideget-user-tab wideget-user-tab3">
                        <div class="tab-menu-heading">
                            <div class="tabs-menu1">
                                <ul class="nav">
                                    <li class="ms-0"><a href="#tab-schedule" class="active"
                                            data-bs-toggle="tab">Schedule</a></li>
                                    {{-- <li><a href="#tab-recordings" data-bs-toggle="tab"
                                            class="">Group Recordings</a></li>
                                    <li><a href="#tab-extra" data-bs-toggle="tab" class="">Extra Recordings</a>
                                    </li> --}}
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="tab-content border-0 p-5 bg-white details-tab-content">
                        {{-- GroupSchedule tab --}}
                        <div class="tab-pane active" id="tab-schedule">
                            <div class="card">
                                <div class="card-header">
                                    <h3 class="card-title">Groups List</h3>
                                </div>
                                <div class="card-body">
                                    <!-- Accordion begin -->
                                    <ul class="demo-accordion accordionjs m-0" data-active-documentation="false">
                                        @forelse ($groups as $group)
                                            <li class="mt-3">
                                                <div>
                                                    <h3>{{ $group->gname }}</h3>
                                                </div>
                                                <div>
                                                    {{-- group details --}}
                                                    <div class="row">
                                                        <div class="col-md-6 text-center mb-3 mt-6 d-block mx-auto">
                                                            <div class="card">
                                                                <span class="card-body">
                                                                    <div class="">
                                                                        <div class="">
                                                                            <h6 class="h6">
                                                                                <span class="text-primary">Start Date:
                                                                                </span>
                                                                                <span class="fs-13">
                                                                                    {{ $group->start_date }}
                                                                                </span>
                                                                            </h6>
                                                                            <h6 class="h6 mt-4">
                                                                                <span class="text-primary">Enrolled Students: </span>
                                                                                <span class="fs-13">{{ $group->favorite_count }}</span>
                                                                            </h6>
                                                                        </div>
                                                                    </div>
                                                                </span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    {{-- Whatsapp QR --}}
                                                    {{-- @if ($group->student_whatsapp_group || $group->parent_whatsapp_group)
                                                        <div class="row my-6">
                                                            @if ($group->student_whatsapp_group)
                                                                <div class="col-md-6">

                                                                    <div class="text-center mb-4">
                                                                        {{ QrCode::size(150)->generate($group->student_whatsapp_group) }}
                                                                    </div>
                                                                    <p class="text-center">Student WhatsApp Group.</p>
                                                                    <p class="text-center">
                                                                        <span class="text-primary"
                                                                            style="text-decoration: underline">Can't join
                                                                            with QR code?</span>
                                                                        <a href="{{ $group->student_whatsapp_group }}"
                                                                            target="_blank" class="btn btn-sm ms-3"
                                                                            style="background:#8c2828;color:aliceblue">
                                                                            join
                                                                            <i class="fa fa-whatsapp"></i>
                                                                        </a>
                                                                    </p>
                                                                </div>
                                                            @endif
                                                            @if ($group->parent_whatsapp_group)
                                                                <div class="col-md-6">
                                                                    <div class="text-center mb-4">
                                                                        {{ QrCode::size(150)->generate($group->parent_whatsapp_group) }}
                                                                    </div>
                                                                    <p class="text-center">Parent WhatsApp Group.</p>
                                                                    <p class="text-center">
                                                                        <span class="text-primary"
                                                                            style="text-decoration: underline">Can't join
                                                                            with QR code?</span>
                                                                        <a href="{{ $group->parent_whatsapp_group }}"
                                                                            target="_blank" class="btn btn-sm ms-3"
                                                                            style="background:#8c2828;color:aliceblue">
                                                                            join
                                                                            <i class="fa fa-whatsapp"></i>
                                                                        </a>
                                                                    </p>
                                                                </div>
                                                            @endif
                                                        </div>
                                                    @endif --}}
                                                    {{-- time table  --}}
                                                    <div class="table-responsive">
                                                        <table
                                                            class="data-table-example table table-striped table-bordered table-vcenter text-nowrap">
                                                            <thead>
                                                                <tr>
                                                                    <th style="text-align: center;">@lang('student.table.day')</th>
                                                                    <th style="text-align: center;">@lang('student.table.from')</th>
                                                                    <th style="text-align: center;">@lang('student.table.to')</th>
                                                                    <th style="text-align: center;">Class</th>
                                                                </tr>
                                                            </thead>
                                                            <tbody>
                                                                @foreach ($groupsSchedules->where('is_deleted', 0) as $schedule)
                                                                    @if ($schedule->gid === $group->gid)
                                                                        <tr class="text-center">
                                                                            <td>{{ Str::headline($meetingObject->getDayString($schedule->gsday)) }}
                                                                            </td>
                                                                            <td>{{ date('h:i A', strtotime($schedule->gsfrom)) }}
                                                                            </td>
                                                                            <td>{{ date('h:i A', strtotime($schedule->gsto)) }}
                                                                            </td>
                                                                            <td>{{$schedule->classname}}
                                                                            </td>
                                                                        </tr>
                                                                    @endif
                                                                @endforeach
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            </li>
                                        @empty
                                            <img class="d-block mx-auto" width="130"
                                                src="{{ env('SECURE_ASSETS').'/images/svg/noCourses.svg' }}">
                                            <p class="text-center pt-3">
                                                <strong class="text-primary">Looks like There Is No Schedule In This
                                                    Course</strong>
                                            </p>
                                        @endforelse

                                    </ul>
                                </div>
                            </div>
                        </div>
                        {{-- Recordings tab --}}
                        <div class="tab-pane" id="tab-recordings">
                            <div class="mb-4">
                                <!--Recordings-->
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="card">
                                            <div class="card-header">
                                                <h3 class="card-title">@lang('student.course-page.recodings')</h3>
                                            </div>
                                            <div class="card-body">
                                                <div class="table-responsive">
                                                    <table
                                                        class="data-table table table-striped table-bordered table-vcenter text-nowrap">
                                                        <thead>
                                                            <tr>
                                                                <th style="text-align: center;">@lang('student.table.group')</th>
                                                                <th style="text-align: center;">@lang('student.table.date')</th>
                                                                <th></th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>

                                                            @foreach ($groups as $item)
                                                                <tr class="text-center">
                                                                    <td>{{ $item->gname }}</td>

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

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

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

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

                                                    <td>
                                                        <div class="d-flex">
                                                            <a href="{{ route('teacher.course.recording.view', [$courses->coffid, $extra_meeting->mid]) }}"
                                                                class="btn btn-outline-light btn-sm waves-effect waves-light">
                                                                <i class="fa fa-video-camera text-primary fs-20 "
                                                                    title='View Recording' data-bs-toggle="tooltip"
                                                                    data-bs-original-title="View Recording"></i>
                                                            </a>

                                                        </div>
                                                    </td>
                                                    <td>
                                                        <div class="row">

                                                            @if ($extra_meeting->shareable_url != '')
                                                                <div>
                                                                    <div class="d-flex">
                                                                        <input type="text" readonly id="link_{{$extra_meeting->mid}}" class="form-control" value="{{ env('APP_URL') . '/recording/login/' . $extra_meeting->mid }}">
                                                                        {{-- Copy lnk --}}
                                                                        <a href="javascript:void(0)">
                                                                            <i class="fa fa-save fs-16 ms-2 mt-2 text-success" data-bs-toggle="tooltip"
                                                                            data-bs-original-title="Copy Link"
                                                                            onclick="copyLinkToClipBoard({{$extra_meeting->mid}})"></i>
                                                                        </a>
                                                                    </div>
                                                                    <div class="d-flex mt-1">
                                                                        <input type="text" readonly id="password_{{$extra_meeting->mid}}" class="form-control" value="{{ $extra_meeting->shareable_password }}">
                                                                        {{-- Copy password --}}
                                                                        <a href="javascript:void(0)">
                                                                            <i class="fa fa-save fs-16 ms-2 mt-2 text-success" data-bs-toggle="tooltip"
                                                                            data-bs-original-title="Copy Password"
                                                                            onclick="copyPasswordToClipBoard({{$extra_meeting->mid}})"></i>
                                                                        </a>
                                                                    </div>
                                                                </div>
                                                                @else
                                                                <form method="POST"
                                                                    action="{{ route('teacher.shareable-url.generate') }}">
                                                                    @csrf
                                                                    <div>
                                                                        <div class="d-flex">

                                                                            <input type="hidden"
                                                                                value="{{ $extra_meeting->mid }}"
                                                                                name="mid" />

                                                                            <input type="password" class="form-control"
                                                                                placeholder="password" name="password"
                                                                                required />


                                                                            <button type="submit"
                                                                                class="btn"
                                                                                data-bs-toggle="tooltip"
                                                                                data-bs-original-title="Generate Password"
                                                                                >
                                                                                <i class="fa fa-send-o fs-16 ms-1 text-danger"></i>
                                                                            </button>
                                                                        </div>
                                                                    </div>
                                                                </form>
                                                            @endif

                                                        </div>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            @else
                                <img class="d-block mx-auto" width="130"
                                    src="{{ env('SECURE_ASSETS').'/images/svg/noCourses.svg' }}">
                                <p class="text-center pt-3">
                                    <strong class="text-primary">Looks like There Is No Extra In This Course</strong>
                                </p>
                            @endif
                        </div>

                        <div class="card-footer bg-white br-bs-7 br-be-7 mt-5">
                            <div class="btn-list">

                            </div>
                        </div>

                    </div>
                </div>

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

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

    <!-- edit Meeting Modal-->
    <div class="modal fade" id="startMeeting" tabdocumentation="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="startMeeting">Start Meeting</h5>
                    <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">

                    <form method="POST" action="{{ route('teacher.course.lesson.join.with-title') }}"
                        class="form-horizontal">
                        @csrf
                        <div class="row">
                            <input type="hidden" name="mid" id="smcoffid" value="" />

                        </div>

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

                            <input type="text" name="mtitle" class="form-control">
                        </div>
                </div>
                <div class="modal-footer">
                    {{-- <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
				--}}
                    <button type="submit" class="btn btn-block btn-primary">Save & Join</button>
                </div>
                </form>
            </div>
        </div>
    </div>

    <!-- /Video Modal -->
    <div class="modal effect-fall fade" id="homeVideo" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <button type="button" class="btn btn-default" data-bs-dismiss="modal"><i
                        class="fa fa-times"></i></button>
                <div class="embed-responsive embed-responsive-16by9">
                    <iframe width="560" height="315" src="{{ $courses->youtube_link }}"
                        title="YouTube video player" frameborder="0"
                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                        allowfullscreen></iframe>
                </div>
            </div>
        </div>
    </div>
    <!-- /Video Modal -->

    <!-- Edit form modal -->
    <div class="modal  fade effect-sign show" id="edit" tabdocumentation="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="example-Modal3">Edit Meeting Title</h5>
                    <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form method="POST" action="" id="meeting_form_update" name="meetingform"
                        enctype="multipart/form-data">
                        @csrf
                        <div class="form-group ">
                            <div class="row">
                                <div class="col-md-3">
                                    <label class="form-label mt-2" for="mtitle">Meeting title <i
                                            class="text-danger">(required)</i></label>
                                </div>
                                <div class="col-md-9">
                                    <input type="text" name="mtitle" class="form-control" id="mtitle"
                                        placeholder="" required>
                                </div>
                            </div>
                        </div>

                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                            <button type="submit" id="submit" class="btn btn-primary" value="">Update</button>
                            <input type="hidden" id="board_id" name="bid" value="0">
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>



@endsection
@section('teacher-js')
    {{-- Accordion --}}
    <script src="{{ secure_asset('/plugins/accordion/accordion.min.js') }}"></script>
    <script>
        $(function(e) {
            $(".demo-accordion").accordionjs();
        })
        // End accordion
        $(document).on("click", '[data-bs-toggle="collapse"]', function() {
            $('#accordion1 .panel-heading').toggleClass('active').siblings().removeClass('active');
        });
    </script>
    {{-- draw all data tables --}}
    <script>
        $(document).ready(function() {
            $('#enrollments_table,#teachers_table,.data-table').dataTable({
                drawCallback: function(settings) {
                },
                // order: [[2, 'asc']],
            })

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

        })
    </script>
    {{-- Update Meeting title --}}
    <script>
        $(document).ready(function() {
            // Get Record data using it's id
            jQuery('body').on('click', '.edit', function() {
                var mid = $(this).val();
                var editurl = "{{ route('getMeetingTitle', ':mid') }}";
                var updateurl = "{{ route('teacher.meeting.updateMtitle', ':mid') }}";
                editurl = editurl.replace(':mid', mid);
                updateurl = updateurl.replace(':mid', mid);
                $.get(editurl, function(data) {
                    jQuery('#mtitle').val(data);
                    jQuery('#meeting_form_update').attr('action', updateurl)
                })
            });

        })
    </script>
    {{-- limit the number of selection --}}
    <script type="text/javascript">
        $(document).ready(function() {

            var last_valid_selection = null;

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

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

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

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