@extends(getTemplate().'.layouts.app')

@push('styles_top')
<link rel="stylesheet" href="/assets/default/css/css-stars.css">
<link rel="stylesheet" href="/assets/default/vendors/video/video-js.min.css">
@endpush


@section('content')
<section class="course-cover-container {{ empty($activeSpecialOffer) ? 'not-active-special-offer' : '' }}">
    <img src="{{ $course->getImageCover() }}" class="img-cover course-cover-img" alt="{{ $course->title }}" />

    <div class="cover-content pt-40">
        <div class="container position-relative">
            @if(!empty($activeSpecialOffer))
            @include('web.default.course.special_offer')
            @endif
        </div>
    </div>
</section>

<section class="container course-content-section {{ $course->type }}">
    <div class="row">
        <div class="col-12 col-lg-8">
            <div class="course-content-body user-select-none">
                <div class="course-body-on-cover text-white">
                    <h1 class="font-30 course-title">
                        {{ clean($course->title, 't') }}
                    </h1>
                    <span class="d-block font-16 mt-10">{{ trans('public.in') }} <a href="{{ $course->category->getUrl() }}" target="_blank" class="font-weight-500 text-decoration-underline text-white">{{ $course->category->title }}</a></span>

                    <div class="d-flex align-items-center">
                        @include('web.default.includes.webinar.rate',['rate' => $course->getRate()])
                        <span class="ml-10 mt-15 font-14">({{ $course->reviews->pluck('creator_id')->count() }}
                            {{ trans('public.ratings') }})</span>
                    </div>

                    <div class="mt-15">
                        <span class="font-14">{{ trans('public.created_by') }}</span>
                        <a href="{{ $course->teacher->getProfileUrl() }}" target="_blank" class="text-decoration-underline text-white font-14 font-weight-500">{{ $course->teacher->full_name }}</a>
                    </div>

                    @if($hasBought or $course->isWebinar())
                    @php
                    $percent = $course->getProgress();
                    @endphp

                    <div class="mt-30 d-flex align-items-center">
                        <div class="progress course-progress flex-grow-1 shadow-xs rounded-sm">
                            <span class="progress-bar rounded-sm bg-warning" style="width: {{ $percent }}%"></span>
                        </div>

                        <span class="ml-15 font-14 font-weight-500">
                            @if($course->isWebinar())
                            @if($hasBought and $course->isProgressing())
                            {{ trans('public.course_learning_passed',['percent' => $percent]) }}
                            @else
                            {{ $course->sales_count }}/{{ $course->capacity }} {{ trans('quiz.students') }}
                            @endif
                            @else
                            {{ trans('public.course_learning_passed',['percent' => $percent]) }}
                            @endif
                        </span>
                    </div>
                    @endif
                </div>

                <div class="@if(!$course->isCourse()) mt-35 @else mt-20 pt-20  mt-md-40 pt-md-40  @endif">
                    <ul class="nav nav-tabs bg-secondary rounded-sm p-15 d-flex align-items-center justify-content-between" id="tabs-tab" role="tablist">

                        <li class="nav-item" id="content-tab">
                            <a class="position-relative font-14 text-white {{ (empty(request()->get('tab','')) or request()->get('tab','') == 'information') ? 'active' : '' }}" id="content-tab" data-toggle="tab" href="#content" role="tab" aria-controls="content" aria-selected="false">{{ trans('product.content') }} ({{ $webinarContentCount }})</a>
                        </li>
                        <li class="nav-item" id="information-tab">

                            <a class="position-relative font-14 text-white {{ (request()->get('tab','') == 'content') ? 'active' : '' }}" id="information-tab" href="#information" aria-controls="information" role="tab" data-toggle="tab" aria-selected="true">{{ trans('product.information_comments') }}</a>
                        </li>
                        <li class="nav-item" id="reviews-tab">
                            <a class="position-relative font-14 text-white {{ (request()->get('tab','') == 'reviews') ? 'active' : '' }}" id="reviews-tab" data-toggle="tab" href="#reviews" role="tab" aria-controls="reviews" aria-selected="false">{{ trans('product.reviews') }}
                                ({{ $course->reviews->count() > 0 ? $course->reviews->pluck('creator_id')->count() : 0 }})</a>
                        </li>
                    </ul>

                    <div class="tab-content" id="nav-tabContent">
                        <div class="tab-pane fade  {{ (request()->get('tab','') == 'content') ? 'show active' : '' }}" id="information" role="tabpanel" aria-labelledby="information-tab">
                            @include(getTemplate().'.course.tabs.information')
                        </div>
                        <div class="tab-pane fade {{ (empty(request()->get('tab','')) or request()->get('tab','') == 'information') ? 'show active' : '' }}" id="content" role="tabpanel" aria-labelledby="content-tab">
                            @include(getTemplate().'.course.tabs.content')
                        </div>
                        <div class="tab-pane fade {{ (request()->get('tab','') == 'reviews') ? 'show active' : '' }}" id="reviews" role="tabpanel" aria-labelledby="reviews-tab">
                            @include(getTemplate().'.course.tabs.reviews')
                        </div>
                    </div>

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

        <div class="course-content-sidebar col-12 col-lg-4 mt-25 mt-lg-0">
            <div class="rounded-lg shadow-sm">
                <div class="course-img {{ $course->video_demo ? 'has-video' :'' }}">

                    <img src="{{ $course->getImage() }}" class="img-cover" alt="">

                    @if($course->video_demo)
                    <div id="webinarDemoVideoBtn" data-video-path="{{ $course->video_demo_source == 'upload' ?  url($course->video_demo) : $course->video_demo }}" data-video-source="{{ $course->video_demo_source }}" data-thumbnail-path="{{ $course->thumbnail }}" class="course-video-icon cursor-pointer d-flex align-items-center justify-content-center">
                        <i data-feather="play" width="25" height="25"></i>
                    </div>
                    @endif
                </div>

                <div class="px-20 pb-30">
                    <form id="validateForm" action="/{{-- cart/store --}}cart/coupon/web/validate" method="post">
                        {{ csrf_field() }}
                        <input type="hidden" name="webinar_id" value="{{ $course->id }}">

                        @if(!empty($course->tickets))
                        @foreach($course->tickets as $ticket)

                        <div class="form-check mt-20">
                            <input class="form-check-input" @if(!$ticket->isValid()) disabled @endif type="radio"
                            data-discount="{{ $ticket->discount }}"
                            value="{{ ($ticket->isValid()) ? $ticket->id : '' }}"
                            name="ticket_id"
                            id="courseOff{{ $ticket->id }}">
                            <label class="form-check-label d-flex flex-column cursor-pointer" for="courseOff{{ $ticket->id }}">
                                <span class="font-16 font-weight-500 text-dark-blue">{{ $ticket->title }}
                                    @if(!empty($ticket->discount)) ({{ $ticket->discount }}% {{ trans('public.off') }})
                                    @endif</span>
                                <span class="font-14 text-gray">{{ $ticket->getSubTitle() }}</span>
                            </label>
                        </div>
                        @endforeach
                        @endif

                        @if($course->getCourcePrice() > 0)
                        <div id="priceBox" class="d-flex align-items-center justify-content-center mt-20 {{ !empty($activeSpecialOffer) ? ' flex-column ' : '' }}">
                            <div class="text-center center_red">
                                @php
                                $realPrice = handleCoursePagePrice($course->getCourcePrice());
                                @endphp
                                {{-- <span id="realPrice" data-value="{{ $course->getCourcePrice()}}"
                                data-special-offer="{{ !empty($activeSpecialOffer) ? $activeSpecialOffer->percent : ''}}"
                                class="d-block @if(!empty($activeSpecialOffer)) font-16 text-gray
                                text-decoration-line-through @else font-30 text-primary @endif">
                                {{ $realPrice['price'] }}
                                </span> --}}

                                @if (($course->getPrice() > 0) && ($course->getDiscountPrice() > 0))
                                {{-- <span class="real">{{ handlePrice($webinar->getDiscountPrice()) }}</span> --}}
                                <span id="realPrice" data-value="{{ $course->getCourcePrice()}}" data-special-offer="{{ !empty($activeSpecialOffer) ? $activeSpecialOffer->percent : ''}}" class="d-block float-right @if(!empty($activeSpecialOffer)) font-16 text-gray text-decoration-line-through @else font-30 text-primary @endif">
                                    {{ $realPrice['price'] }}
                                </span>
                                <del class="ml-10 float-left color_res">{{ handlePrice($course->getPrice()) }}</del>
                                @else
                                {{-- <span class="real">{{ handlePrice($course->getPrice()) }}</span> --}}
                                <span id="realPrice" data-value="{{ $course->getPrice()}}" data-special-offer="{{ !empty($activeSpecialOffer) ? $activeSpecialOffer->percent : ''}}" class="d-block @if(!empty($activeSpecialOffer)) font-16 text-gray text-decoration-line-through @else font-30 text-primary @endif">
                                    {{ $realPrice['price'] }}
                                </span>
                                @endif

                                @if(!empty($realPrice['tax']) and empty($activeSpecialOffer))
                                <span class="d-block font-14 text-gray">+ {{ $realPrice['tax'] }} tax</span>
                                @endif
                            </div>

                            @if(!empty($activeSpecialOffer))
                            <div class="text-center">
                                @php
                                $priceWithDiscount = handleCoursePagePrice($course->getCourcePrice() -
                                ($course->getCourcePrice() * $activeSpecialOffer->percent / 100));
                                @endphp
                                <span id="priceWithDiscount" class="d-block font-30 text-primary">
                                    {{ $priceWithDiscount['price'] }}
                                </span>

                                @if(!empty($priceWithDiscount['tax']))
                                <span class="d-block font-14 text-gray">+ {{ $priceWithDiscount['tax'] }} tax</span>
                                @endif
                            </div>
                            @endif
                        </div>
                        @else
                        <div class="d-flex align-items-center justify-content-center mt-20">
                            <span class="font-36 text-primary">{{ trans('public.free') }}</span>
                        </div>
                        @endif

                        @php
                        $userHasBought = $course->checkUserHasBought();
                        $canSale = ($course->canSale() and !$userHasBought);
                        @endphp

                        <div class="mt-20 d-flex flex-column">
                            @if($userHasBought)
                            {{-- <a href="{{ $course->getLearningPageUrl() }}" class="btn
                            btn-primary">{{ trans('update.go_to_learning_page') }}</a> --}}
                            @elseif($course->getCourcePrice() > 0)
                            {{-- <button type="{{ $canSale ? 'submit' : 'button' }}" @if(!$canSale) disabled @endif
                            class="btn btn-primary">
                            @if(!$canSale)
                            {{ trans('update.disabled_add_to_cart') }}
                            @else
                            {{ trans('public.add_to_cart') }}
                            @endif
                            </button> --}}

                            {{-- <form action="/carts/coupon/validate" method="Post"> --}}
                            {{-- {{ csrf_field() }} --}}
                            <div class="form-group">
                                <input type="hidden" id="webinar_input" name="webinar_id" value="{{ $course->id }}">
                                <input type="text" name="coupon" id="coupon_input" class="form-control mt-25" placeholder="{{ trans('cart.enter_your_code_here') }}">
                                <span class="invalid-feedback">{{ trans('cart.coupon_invalid') }}</span>
                                <span class="valid-feedback">{{ trans('cart.coupon_valid') }}</span>
                            </div>

                            <button type="submit" id="checkCoupon" class="btn btn-sm btn-primary ">{{ trans('admin/main.buy_now') }}</button>
                            {{-- </form> --}}

                            @if($canSale and $course->subscribe)
                            <a href="{{ $canSale ? '/subscribes/apply/'. $course->slug : '#' }}" class="btn btn-outline-primary btn-subscribe mt-20 @if(!$canSale) disabled @endif">{{ trans('public.subscribe') }}</a>
                            @endif

                            @if($canSale and !empty($course->points))
                            <a href="{{ !(auth()->check()) ? '/login' : '#' }}" class="{{ (auth()->check()) ? 'js-buy-with-point' : '' }} btn btn-outline-warning mt-20 {{ (!$canSale) ? 'disabled' : '' }}" rel="nofollow">
                                {{ trans('update.buy_with_n_points',['points' => $course->points]) }}
                            </a>
                            @endif
                            @else
                            <a href="{{ $canSale ? '/course/'. $course->slug .'/free' : '#' }}" class="btn btn-primary submit_create  @if(!$canSale) disabled @endif">{{ trans('public.enroll_on_webinar') }}</a>
                            @endif
                        </div>

                    </form>

                    {{-- <div class="mt-20 d-flex align-items-center justify-content-center text-gray">
                            <i data-feather="thumbs-up" width="20" height="20"></i>
                            <span class="ml-5 font-14">{{ trans('product.guarantee_text') }}</span>
                </div>
                --}}
                {{-- <div class="mt-35">
                            <strong class="d-block text-secondary font-weight-bold">{{ trans('webinars.this_webinar_includes',['classes' => trans('webinars.'.$course->type)]) }}</strong>
                @if($course->isDownloadable())
                <div class="mt-20 d-flex align-items-center text-gray">
                    <i data-feather="download-cloud" width="20" height="20"></i>
                    <span class="ml-5 font-14 font-weight-500">{{ trans('webinars.downloadable_content') }}</span>
                </div>
                @endif

                @if($course->quizzes->where('certificate', 1)->count() > 0)
                <div class="mt-20 d-flex align-items-center text-gray">
                    <i data-feather="award" width="20" height="20"></i>
                    <span class="ml-5 font-14 font-weight-500">{{ trans('webinars.official_certificate') }}</span>
                </div>
                @endif

                @if($course->quizzes->where('status', \App\models\Quiz::ACTIVE)->count() > 0)
                <div class="mt-20 d-flex align-items-center text-gray">
                    <i data-feather="file-text" width="20" height="20"></i>
                    <span class="ml-5 font-14 font-weight-500">{{ trans('webinars.online_quizzes_count',['quiz_count' => $course->quizzes->where('status', \App\models\Quiz::ACTIVE)->count()]) }}</span>
                </div>
                @endif

                @if($course->support)
                <div class="mt-20 d-flex align-items-center text-gray">
                    <i data-feather="headphones" width="20" height="20"></i>
                    <span class="ml-5 font-14 font-weight-500">{{ trans('webinars.instructor_support') }}</span>
                </div>
                @endif
            </div> --}}

            <div class="mt-40 p-10 rounded-sm border row align-items-center favorites-share-box">
                @if($course->isWebinar())
                <div class="col">
                    <a href="{{ $course->addToCalendarLink() }}" target="_blank" class="d-flex flex-column align-items-center text-center text-gray">
                        <i data-feather="calendar" width="20" height="20"></i>
                        <span class="font-12">{{ trans('public.reminder') }}</span>
                    </a>
                </div>
                @endif

                <div class="col">
                    <a href="/favorites/{{ $course->slug }}/toggle" id="favoriteToggle" class="d-flex flex-column align-items-center text-gray">
                        <i data-feather="heart" class="{{ !empty($isFavorite) ? 'favorite-active' : '' }}" width="20" height="20"></i>
                        <span class="font-12">{{ trans('panel.favorite') }}</span>
                    </a>
                </div>

                <div class="col">
                    <a href="#" class="js-share-course d-flex flex-column align-items-center text-gray">
                        <i data-feather="share-2" width="20" height="20"></i>
                        <span class="font-12">{{ trans('public.share') }}</span>
                    </a>
                </div>
            </div>

            <!-- <div class="mt-30 text-center">
                            <button type="button" id="webinarReportBtn" class="font-14 text-gray btn-transparent">{{ trans('webinars.report_this_webinar') }}</button>
                        </div> -->
        </div>
    </div>

    @if($course->teacher->offline)
    <div class="rounded-lg shadow-sm mt-35 d-flex">
        <div class="offline-icon offline-icon-left d-flex align-items-stretch">
            <div class="d-flex align-items-center">
                <img src="/assets/default/img/profile/time-icon.png" alt="offline">
            </div>
        </div>

        <div class="p-15">
            <h3 class="font-16 text-dark-blue">{{ trans('public.instructor_is_not_available') }}</h3>
            <p class="font-14 font-weight-500 text-gray mt-15">{{ $course->teacher->offline_message }}</p>
        </div>
    </div>
    @endif

    <div class="rounded-lg shadow-sm mt-35 px-25 py-20">
        <h3 class="sidebar-title font-16 text-secondary font-weight-bold">{{ trans('webinars.webinar_specifications') }}
        </h3>

        <div class="mt-30">
            @if($course->isWebinar())
            <div class="mt-20 d-flex align-items-center justify-content-between text-gray">
                <div class="d-flex align-items-center">
                    <i data-feather="calendar" width="20" height="20"></i>
                    <span class="ml-5 font-14 font-weight-500">{{ trans('public.start_date') }}:</span>
                </div>
                <span class="font-14">{{ dateTimeFormat($course->start_date, 'j M Y | H:i') }}</span>
            </div>

            <div class="mt-20 d-flex align-items-center justify-content-between text-gray">
                <div class="d-flex align-items-center">
                    <i data-feather="user" width="20" height="20"></i>
                    <span class="ml-5 font-14 font-weight-500">{{ trans('public.capacity') }}:</span>
                </div>
                <span class="font-14">{{ $course->capacity }} {{ trans('quiz.students') }}</span>
            </div>
            @endif

            <div class="mt-20 d-flex align-items-center justify-content-between text-gray">
                <div class="d-flex align-items-center">
                    <i data-feather="clock" width="20" height="20"></i>
                    <span class="ml-5 font-14 font-weight-500">{{ trans('public.duration') }}:</span>
                </div>
                <span class="font-14">{{ /* convertMinutesToHourAndMinute( */!empty($course->duration) ? $course->duration : 0 }}
                    {{ trans('home.hours') }}</span>
            </div>

            <div class="mt-20 d-flex align-items-center justify-content-between text-gray">
                <div class="d-flex align-items-center">
                    <i data-feather="users" width="20" height="20"></i>
                    <span class="ml-5 font-14 font-weight-500">{{ trans('quiz.students') }}:</span>
                </div>
                <span class="font-14">{{ $course->sales_count }}</span>
            </div>

            @if($course->isWebinar())
            <div class="mt-20 d-flex align-items-center justify-content-between text-gray">
                <div class="d-flex align-items-center">
                    <img src="/assets/default/img/icons/sessions.svg" width="20" alt="">
                    <span class="ml-5 font-14 font-weight-500">{{ trans('public.sessions') }}:</span>
                </div>
                <span class="font-14">{{ $course->sessions->count() }}</span>
            </div>
            @endif

            @if($course->isTextCourse())
            <div class="mt-20 d-flex align-items-center justify-content-between text-gray">
                <div class="d-flex align-items-center">
                    <img src="/assets/default/img/icons/sessions.svg" width="20" alt="">
                    <span class="ml-5 font-14 font-weight-500">{{ trans('webinars.text_lessons') }}:</span>
                </div>
                <span class="font-14">{{ $course->textLessons->count() }}</span>
            </div>
            @endif

            @if($course->isCourse() or $course->isTextCourse())
            <div class="mt-20 d-flex align-items-center justify-content-between text-gray">
                <div class="d-flex align-items-center">
                    <img src="/assets/default/img/icons/sessions.svg" width="20" alt="">
                    <span class="ml-5 font-14 font-weight-500">{{ trans('public.files') }}:</span>
                </div>
                <span class="font-14">{{ $course->files->count() }}</span>
            </div>

            <div class="mt-20 d-flex align-items-center justify-content-between text-gray">
                <div class="d-flex align-items-center">
                    <img src="/assets/default/img/icons/sessions.svg" width="20" alt="">
                    <span class="ml-5 font-14 font-weight-500">{{ trans('public.created_at') }}:</span>
                </div>
                <span class="font-14">{{ dateTimeFormat($course->created_at,'j M Y') }}</span>
            </div>
            @endif
        </div>
    </div>

    {{-- organization --}}
    @if($course->creator_id != $course->teacher_id)
    @include('web.default.course.sidebar_instructor_profile', ['courseTeacher' => $course->creator])
    @endif
    {{-- teacher --}}
    @include('web.default.course.sidebar_instructor_profile', ['courseTeacher' => $course->teacher])

    @if($course->webinarPartnerTeacher->count() > 0)
    @foreach($course->webinarPartnerTeacher as $webinarPartnerTeacher)
    @include('web.default.course.sidebar_instructor_profile', ['courseTeacher' => $webinarPartnerTeacher->teacher])
    @endforeach
    @endif
    {{-- ./ teacher --}}

    {{-- tags --}}
    @if($course->tags->count() > 0)
    <div class="rounded-lg tags-card shadow-sm mt-35 px-25 py-20">
        <h3 class="sidebar-title font-16 text-secondary font-weight-bold">{{ trans('public.tags') }}</h3>

        <div class="d-flex flex-wrap mt-10">
            @foreach($course->tags as $tag)
            <a href="" class="tag-item bg-gray200 p-5 font-14 text-gray font-weight-500 rounded">{{ $tag->title }}</a>
            @endforeach
        </div>
    </div>
    @endif
    {{-- ads --}}
    @if(!empty($advertisingBannersSidebar) and count($advertisingBannersSidebar))
    <div class="row">
        @foreach($advertisingBannersSidebar as $sidebarBanner)
        <div class="rounded-lg sidebar-ads mt-35 col-{{ $sidebarBanner->size }}">
            <a href="{{ $sidebarBanner->link }}">
                <img src="{{ $sidebarBanner->image }}" class="img-cover rounded-lg" alt="{{ $sidebarBanner->title }}">
            </a>
        </div>
        @endforeach
    </div>

    @endif
    </div>
    </div>

    {{-- Ads Bannaer --}}
    @if(!empty($advertisingBanners) and count($advertisingBanners))
    <div class="mt-30 mt-md-50">
        <div class="row">
            @foreach($advertisingBanners as $banner)
            <div class="col-{{ $banner->size }}">
                <a href="{{ $banner->link }}">
                    <img src="{{ $banner->image }}" class="img-cover rounded-sm" alt="{{ $banner->title }}">
                </a>
            </div>
            @endforeach
        </div>
    </div>
    @endif
    {{-- ./ Ads Bannaer --}}
</section>






<div id="webinarReportModal" class="d-none">
    <h3 class="section-title after-line font-20 text-dark-blue">{{ trans('product.report_the_course') }}</h3>

    <form action="/course/{{ $course->id }}/report" method="post" class="mt-25">

        <div class="form-group">
            <label class="text-dark-blue font-14">{{ trans('product.reason') }}</label>
            <select id="reason" name="reason" class="form-control">
                <option value="" selected disabled>{{ trans('product.select_reason') }}</option>

                @foreach(getReportReasons() as $reason)
                <option value="{{ $reason }}">{{ $reason }}</option>
                @endforeach
            </select>
            <div class="invalid-feedback"></div>
        </div>

        <div class="form-group">
            <label class="text-dark-blue font-14" for="message_to_reviewer">{{ trans('public.message_to_reviewer') }}</label>
            <textarea name="message" id="message_to_reviewer" class="form-control" rows="10"></textarea>
            <div class="invalid-feedback"></div>
        </div>
        <p class="text-gray font-16">{{ trans('product.report_modal_hint') }}</p>

        <div class="mt-30 d-flex align-items-center justify-content-end">
            <button type="button" class="js-course-report-submit btn btn-sm btn-primary">{{ trans('panel.report') }}</button>
            <button type="button" class="btn btn-sm btn-danger ml-10 close-swl">{{ trans('public.close') }}</button>
        </div>
    </form>
</div>

@include('web.default.course.share_modal')
@include('web.default.course.buy_with_point_modal')
@endsection

@push('scripts_bottom')
<script src="/assets/default/js/parts/time-counter-down.min.js"></script>
<script src="/assets/default/vendors/barrating/jquery.barrating.min.js"></script>
<script src="/assets/default/vendors/video/video.min.js"></script>
<script src="/assets/default/vendors/video/youtube.min.js"></script>
<script src="/assets/default/vendors/video/vimeo.js"></script>

<script>
    var webinarDemoLang = '{{ trans('webinars.webinar_demo') }}';
    var replyLang = '{{ trans('panel.reply') }}';
    var closeLang = '{{ trans('public.close') }}';
    var saveLang = '{{ trans('public.save') }}';
    var reportLang = '{{ trans('panel.report') }}';
    var reportSuccessLang = '{{ trans('panel.report_success') }}';
    var reportFailLang = '{{ trans('panel.report_fail') }}';
    var messageToReviewerLang = '{{ trans('public.message_to_reviewer') }}';
    var copyLang = '{{ trans('public.copy') }}';
    var copiedLang = '{{ trans('public.copied') }}';
    var learningToggleLangSuccess = '{{ trans('public.course_learning_change_status_success') }}';
    var learningToggleLangError = '{{ trans('public.course_learning_change_status_error') }}';
    var notLoginToastTitleLang = '{{ trans('public.not_login_toast_lang') }}';
    var notLoginToastMsgLang = '{{ trans('public.not_login_toast_msg_lang') }}';
    var notAccessToastTitleLang = '{{ trans('public.not_access_toast_lang') }}';
    var notAccessToastMsgLang = '{{ trans('public.not_access_toast_msg_lang') }}';
    var fileQuizLockedTitle = '{{ trans('public.file_quiz_locked') }}';
    var fileQuizLockedMsgLang = '{{ trans('public.file_quiz_locked') }}';
    var fileUsableTimeTitle = '{{ trans('public.file_usable_time') }}';
    var fileUsableTimeMsgLang = '{{ trans('public.file_usable_time') }}';
    var canNotTryAgainQuizToastTitleLang = '{{ trans('public.can_not_try_again_quiz_toast_lang') }}';
    var canNotTryAgainQuizToastMsgLang = '{{ trans('public.can_not_try_again_quiz_toast_msg_lang') }}';
    var canNotDownloadCertificateToastTitleLang = '{{ trans('public.can_not_download_certificate_toast_lang') }}';
    var canNotDownloadCertificateToastMsgLang = '{{ trans('public.can_not_download_certificate_toast_msg_lang') }}';
    var sessionFinishedToastTitleLang = '{{ trans('public.session_finished_toast_title_lang') }}';
    var sessionFinishedToastMsgLang = '{{ trans('public.session_finished_toast_msg_lang') }}';

</script>


<script>
    $(document).ready(function() {
        var ur = "#information"
        var url = window.location.href + ur;

        var ur_content = "#content"
        var url_content = window.location.href + ur_content;

        var ur_reviews = "#reviews"
        var url_reviews = window.location.href + ur_reviews;

        // if(window.location.replace += hash){
        //     window.location.href = url_content;
        // }


        $(".nav-item").click(function() {

            if(this == document.getElementById('content-tab')){
                    window.location.href = ur_content;
                }else if (this == document.getElementById('information-tab')){
                    window.location.href = ur;

                }else if(this == document.getElementById('reviews-tab')){
                    window.location.href = ur_reviews;
                }

        })


        var matches = location.hash.match(new RegExp('hash'+'=([^&]*)'));

        var hash = window.location.hash;
        if (window.location.href.match(hash)) {

            $('.nav-item a').removeClass('active')
            $('.tab-pane').removeClass('active show')

            $("a"+hash+'-tab').addClass('active')
            $(hash).addClass('active show')

        }if(hash == ''){
            $('a#content-tab').trigger('click');
            setTimeout(function() {
                $(window).scrollTop(0);}, 500);

        }






    })
</script>



<script src="/assets/default/js/parts/cart.min.js"></script>
 {{-- <script type="module" src="https://cdn.jsdelivr.net/npm/media-chrome@1/+esm"></script> --}}
 <script type="module" src="/assets/default/js/parts/media.js"></script>
<script src="/assets/default/js/parts/media-chrome.js"></script>

<script src="/assets/default/js/parts/comment.min.js"></script>
<script src="/assets/default/js/parts/video_player_helpers.js"></script>
{{-- <script src="/assets/default/js/parts/video_player_helpers.js"></script> --}}
<script src="/assets/default/js/parts/webinar_show.js"></script>
{{-- <script src="/assets/default/js/parts/webinar_show.js"></script> --}}
@endpush