@extends('theme.master')
@section('title', 'Online Courses')
@section('content')

@include('admin.message')
@include('sweetalert::alert')

@section('meta_tags')

<meta name="title" content="{{ $gsetting['home_title'] }}">
<meta name="description" content="{{ $gsetting['home_meta_data_desc'] }}">
<meta property="og:title" content="{{ $gsetting['home_title'] }} ">
<meta property="og:url" content="{{ url()->full() }}">
<meta property="og:description" content="{{ $gsetting['home_meta_data_desc'] }}">
<meta property="og:image" content="{{ gc_asset($gsetting['og_image']) }}">
<meta itemprop="image" content="{{ gc_asset($gsetting['og_image']) }}">
<meta property="og:type" content="website">

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="{{ gc_asset($gsetting['og_image']) }}">
<meta property="twitter:title" content="{{ $gsetting['home_title'] }} ">
<meta property="twitter:description" content="{{ $gsetting['home_meta_data_desc'] }}">
<meta name="twitter:site" content="{{ url()->full() }}" />

<link rel="canonical" href="{{ url()->full() }}" />
<meta name="robots" content="all">
<meta name="keywords" content="{{ $gsetting->meta_data_keyword }}">

@endsection

<div class="modal" id="exampleModal" tabindex="-1" role="dialog" data-backdrop="static">
  <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
    <div class="modal-content" style="overflow: hidden;">
      <div class="modal-header" style="background-color: var(--being-green)">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
        <img src="{{ gc_asset('/images/BEING_STOP2.png') }}" alt="" >
    </div>
  </div>
</div>

<!-- categories-tab start-->
<section id="categories-tab" class="categories-tab-main-block">
    <div class="container">
        <div id="categories-tab-slider" class="categories-tab-block owl-carousel">

            @foreach($category as $cat)
            @if($cat->status == 1)
            <div class="item categories-tab-dtl">
                <a href="{{ route('category.page',['id' => $cat->id, 'category' => str_slug(str_replace('-','&',$cat->slug))]) }}"
                    title="{{ $cat->title }}"><i class="fa {{ $cat->icon }}"></i>{{ $cat->title }}</a>
            </div>
            @endif
            @endforeach
        </div>
    </div>
</section>
<!-- categories-tab end-->

{{-- 自訂首頁 banner 1 --}}
<div class="swiper bannerSwiper1">
    <div class="swiper-wrapper">
        @foreach($sliders as $slider)
        <div class="swiper-slide" style="background-image: url('{{ gc_asset('images/slider/'.$slider['image']) }}') ">
            <a href="{{ $slider->link }}">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-12">
                            <h1 class="home-heading">{{ $slider['heading'] }}</h1>
                            <h3 class="btm-10">{{ $slider['sub_heading'] }}</h3>
                            <h3 class="btm-20" style="white-space: pre-line">{{ $slider['detail'] }}</h3>
                        </div>
                    </div>
                </div>
            </a>
        </div>
        @endforeach
    </div>
    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>
    <div class="swiper-pagination"></div>
</div>


<!-- home end -->
<!-- learning-work start -->
{{-- 隱藏 導覽
@if(isset($facts))
<section id="learning-work" class="learning-work-main-block">
    <div class="container">
        <div class="row">
            @foreach($facts as $fact)
            <div class="col-lg-4 col-sm-6">
                <div class="learning-work-block">
                    <div class="row">
                        <div class="col-lg-3 col-md-3">
                            <div class="learning-work-icon">
                                <i class="fa {{ $fact['icon'] }}"></i>
                            </div>
                        </div>
                        <div class="col-lg-9 col-md-9">
                            <div class="learning-work-dtl">
                                <div class="work-heading">{{ $fact['heading'] }}</div>https://testapp.being.com.tw/images/course/2055-1693794977.png
                                <p>{{ $fact['sub_heading'] }}</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</section>
@endif
<!-- learning-work end -->
--}}
<!-- Advertisement -->
{{-- @if(isset($advs))
@foreach($advs as $adv)
@if($adv->position == 'belowslider')
<br>
<section id="student" class="student-main-block top-40">
    <div class="container">
        <a href="{{ $adv->url1 }}" title="{{ __('Click to visit') }}">
            <img class="lazy img-fluid advertisement-img-one" data-src="{{ url('images/advertisement/'.$adv->image1) }}"
                alt="{{ $adv->image1 }}">
        </a>
    </div>
</section>

@endif
@endforeach
@endif --}}


<!-- 最新上架 start -->
@if(isset($categories))
<section id="learning-courses" class="learning-courses-main-block">
    <div class="container">
        <div class="" style=" position: relative;">
            <h3 class="student-heading">{{ __('frontstaticword.NewClass') }}</h3>
            <div class="row">
                <div class="col-lg-12" style=" position: unset;">
                    <div class="learning-courses">
                        <div class="title">
                            @if(isset($category))
                            <ul class="nav nav-tabs" id="myTab" role="tablist" style="margin-right: 10px;">
                                <li class="btn nav-item"><a class="nav-item nav-link my-homeTab" id="home-tab"
                                        data-toggle="tab" href="#content-tabs" role="tab" aria-controls="home"
                                        onclick="show_category_list('0')" aria-selected="true">全部</a>
                                </li>
                                @foreach($category as $cate)
                                @if(isset($cate))
                                @if($cate['status'] == 1)
                                <li class="btn nav-item"><a class="nav-item nav-link my-homeTab" id="home-tab"
                                        data-toggle="tab" href="#content-tabs" role="tab" aria-controls="home"
                                        onclick="show_category_list('{{ $cate->id }}')" aria-selected="true">{{ $cate['title'] }}</a>
                                </li>
                                @endif
                                @endif
                                @endforeach
                            </ul>
                            @endif
                        </div>
                    </div>

                    <div id="new-course" class="owl-carousel"></div>
                </div>
            </div>
        </div>
    </div>
</section>
@endif
<!-- 最新上架 end -->




{{-- 隱藏最近瀏覽
@if(Auth::check())
@if( isset($recent_course_id) && isset($recent_course) && optional($recent_course)->status == 1)
<section id="student" class="student-main-block">
    <div class="container">

        @if($total_count >= '0')
        <div class="title">
            <h3 class="student-heading">{{ __('frontstaticword.HotClass') }}</h3>
            <button type="button" class="btn my-btn">查看更多</button>
        </div>
        <div id="recent-courses-slider" class="student-view-slider-main-block owl-carousel">
            @foreach($recent_course_id as $view)
            @php

            $recent_course = App\Course::where('id', $view)->first();

            @endphp
            @if(isset($recent_course))

            @if($recent_course->status == 1)
            <div class="item student-view-block student-view-block-1">
                <div class="genre-slide-image">
                    <div class="view-block">
                        <div class="view-img">

                            @if($recent_course['preview_image'] !== NULL && $recent_course['preview_image'] !== '')
                            <a
                                href="{{ route('user.course.show',['id' => $recent_course->id ]) }}"><img
                                    data-src="{{ asset('images/course/'.$recent_course['preview_image']) }}"
                                    alt="course" class="img-fluid owl-lazy"></a>
                            @else
                            <a
                                href="{{ route('user.course.show',['id' => $recent_course->id ]) }}"><img
                                    data-src="{{ Avatar::create($recent_course->title)->toBase64() }}" alt="course"
                                    class="img-fluid owl-lazy"></a>
                            @endif
                        </div>
                        @if($recent_course['level_tags'] == !NULL)
                        <div class="best-seller">{{ $recent_course['level_tags'] }}</div>
                        @endif
                        <div class="view-dtl">
                            <div class="row">
                                <div class="col-5">
                                    <img class="card-pic"
                                        src="{{ asset('images/user_img') }}/{{$view->user['user_img']}}" alt="">
                                </div>
                                <div class="col no-gutters">
                                    <p class="btm-10 m-0 unset-hover-white-text">
                                        <a herf="#">
                                            <!--{{ __('frontstaticword.by') }}--> @if(isset($recent_course->user)) {{
                                            $recent_course->user['fname'] }} {{ $recent_course->user['lname'] }} @endif
                                        </a>
                                    </p>
                                    <p class="m-0 unset-hover-white-text">
                                        <a herf="#">{{ date('d-m-Y', strtotime($recent_course['created_at'])) }}</a>
                                    </p>
                                </div>
                            </div>
                            <div class="view-heading home-title btm-10">
                                <a
                                    href="{{ route('user.course.show',['id' => $recent_course->id ]) }}">{{
                                    str_limit($recent_course->title, $limit = 30, $end = '...') }}</a>
                            </div>
                            <div class="rating">
                                <ul>
                                    <li>