@extends('theme.master')
@section('title', 'Online Courses')
@section('content')
@include('admin.message')
@include('sweetalert::alert')
@section('meta_tags')
<meta name="title" content="{{ $gsetting['project_title'] }}">
<meta name="description" content="{{ $gsetting['meta_data_desc'] }} ">
<meta property="og:title" content="{{ $gsetting['project_title'] }} ">
<meta property="og:url" content="{{ url()->full() }}">
<meta property="og:description" content="{{ $gsetting['meta_data_desc'] }}">
<meta property="og:image" content="{{ asset('images/logo/'.$gsetting['logo']) }}">
<meta itemprop="image" content="{{ asset('images/logo/'.$gsetting['logo']) }}">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="{{ asset('images/logo/'.$gsetting['logo']) }}">
<meta property="twitter:title" content="{{ $gsetting['project_title'] }} ">
<meta property="twitter:description" content="{{ $gsetting['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

<!-- categories-tab start-->
@if($gsetting->category_enable == 1)
<section id="categories-tab" class="categories-tab-main-block">
    <div class="container-xl">
        <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',['slug' => $cat->slug]) }}"
                    title="{{ $cat->title }}"><i class="fa {{ $cat->icon }}"></i>{{ $cat->title }}</a>
            </div>
            @endif
            @endforeach
        </div>
    </div>
</section>
@endif
<!-- categories-tab end-->
<div class="home-learning-block">
    <!-- home start -->
@if(isset($sliders))
    <section id="home-background-slider" class="background-slider-block owl-carousel">
        @foreach($sliders as $slider)
            @if($slider->status == 1)
            <div class="lazy item home-slider-img">
                <div id="home" class="home-main-block"
                    style="background-image: url('{{ asset('images/slider/'.$slider['image']) }}')">
                    <div class="overlay-bg"></div>
                    <div class="container-xl">
                        <div class="row">
                            <div class="col-lg-12 {{$slider['left'] == 1 ? 'col-md-offset-6 col-sm-offset-6 col-sm-12 col-md-12 text-right' : ''}}">
                                <div class="home-dtl">
                                    <div class="home-heading">{{ $slider['heading'] }}</div>
                                    <div class="home-sub-heading btm-20">{{ $slider['sub_heading'] }}</div>
                                    <p class="btm-20">{{ $slider['detail'] }}</p>
                                </div>

                                @if($slider->search_enable == 1)
                                <div class="home-search">
                                    <form method="GET" id="searchform" action="{{ route('search') }}">
                                        <div class="search">
                                            <input type="text" name="searchTerm" class="searchTerm"
                                                placeholder="{{ __('Search Courses')}}">
                                            <button type="submit" class="searchButton">{{ __('Search')}}
                                            </button>
                                        </div>
                                    </form>
                                </div>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @endif
        @endforeach
    </section> 
@endif 
    <!-- home end -->
    <!-- learning-work start -->
    @if(isset($facts))
        <section id="learning-work" class="learning-work-main-block">
            <div class="container-xl">
                <div class="learning-work-bg-block">
                    <div class="row">
                        @foreach($facts as $fact)
                            <div class="col-lg-4 col-md-4">
                                <div class="learning-work-block">
                                    <div class="row">
                                        <div class="col-lg-3 col-md-12">
                                            <div class="learning-work-icon">
                                                <i class="fa {{ $fact['icon'] }}"></i>
                                            </div>
                                        </div>
                                        <div class="col-lg-9 col-md-12">
                                            <div class="learning-work-dtl">
                                                <div class="work-heading">{{ $fact['heading'] }}</div>
                                                <p>{{ $fact['sub_heading'] }}</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </section>
    @endif
    <!-- learning-work end -->
</div>
<!-- fact start -->
@if($hsetting->fact_enable == 1 && isset($factsetting) && !$factsetting->isEmpty())
    <section id="facts" class="fact-main-block">
        <div class="container-xl">
            <div class="row">
                @foreach($factsetting as $factset)
                    <div class="col-lg-3 col-md-6 col-12">
                        <div class="facts-block text-center">
                            <div class="facts-block-one">
                                <div class="facts-block-img">
                                    @php
                                    $image = $factset['image'] !== NULL && $factset['image'] !== '' ? url('/images/facts/'.$factset->image) : Avatar::create($factset->title)->toBase64();
                                    @endphp
                                    <img src="{{ $image }}" class="img-fluid" alt="{{ $factset->title }}" />
                                    <div class="facts-count counter" data-count="{{ $factset->number }}">{{ $factset->number }}</div>
                                </div>
                                <h5 class="facts-title"><a href="#" title="{{ $factset->title }}">{{ $factset->title }}</a></h5>
                                <p>{{ $factset->description }}</p>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </section>
@endif
<!-- fact 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-xl">
        <a href="{{ $adv->url1 }}" title="{{ __('Click to visit') }}">
        </a>
    </div>
</section>
@endif
@endforeach
@endif
@if($hsetting->discount_enable   == 1 && isset($discountcourse) && count($discountcourse) >0)
<section id="student" class="student-main-block top-40">
    <div class="container-xl">
        <div class="row">
            <div class="col-lg-12">
                <h4 class="student-heading">{{ __('Top Discounted Courses') }}</h4>
                <div class="view-button">
                    <a href="{{url('discount-courses')}}" class="btn btn-secondary" title="View More">{{ __('View More') }}<i data-feather="chevrons-right"></i>
                    </a>
                </div>
            </div>
        </div>
        <div id="discounted-view-slider" class="student-view-slider-main-block owl-carousel">
            @foreach($discountcourse as $discount)
             @if($discount->status == 1 && $discount->featured == 1)
            <div class="item student-view-block student-view-block-1">
                <div class="genre-slide-image @if($gsetting['course_hover'] == 1) protip @endif"
                    data-pt-placement="outside" data-pt-interactive="false"
                    data-pt-title="#prime-next-item-description-block{{$discount->id}}">
                    <div class="view-block">
                        <div class="view-img">
                            @if($discount['preview_image'] !== NULL && $discount['preview_image'] !== '')
                            <a href="{{ route('user.course.show',['slug' => $discount->slug ]) }}"><img
                                    data-src="{{ asset('images/course/'.$discount['preview_image']) }}" alt="course"
                                    class="img-fluid owl-lazy"></a>
                            @else
                            <a href="{{ route('user.course.show',['slug' => $discount->slug ]) }}"><img
                                    data-src="{{ Avatar::create($discount->title)->toBase64() }}" alt="course"
                                    class="img-fluid owl-lazy"></a>
                            @endif
                        </div>                        
                        @php
                        $badgeMap = [
                            'trending' => ['badge bg-warning', __('Trending')],
                            'featured' => ['badge bg-danger', __('Featured')],
                            'new' => ['badge bg-success', __('New')],
                            'onsale' => ['badge bg-info', __('On-sale')],
                            'bestseller' => ['badge bg-success', __('Bestseller')],
                            'beginner' => ['badge bg-primary', __('Beginner')],
                            'intermediate' => ['badge bg-secondary', __('Intermediate')]
                        ];
                        @endphp
                        @if(isset($badgeMap[$discount['level_tags']]))
                            <div class="advance-badge">
                                <span class="{{ $badgeMap[$discount['level_tags']][0] }}">{{ $badgeMap[$discount['level_tags']][1] }}</span>
                            </div>
                        @endif                        
                        <div class="view-user-img">
                            @if(optional($discount->user)['user_img'] !== NULL && optional($discount->user)['user_img'] !== '')
                            <a href="{{ route('all/profile',$discount->user->id) }}" title="{{$discount->title}}"><img src="{{ asset('images/user_img/'.$discount->user['user_img']) }}"
                                    class="img-fluid user-img-one" alt="{{$discount->title}}"></a>
                            @else
                            <a href="{{  route('all/profile',$discount->id)  }}" title=" {{$discount->title}} "><img src="{{ asset('images/default/user.png') }}"
                                    class="img-fluid user-img-one" alt="{{$discount->title}}"></a>
                            @endif
                        </div>
                        @if(isset($discount->user->id))
                        <div class="view-dtl">
                            <div class="view-heading"><a
                                    href="{{ route('user.course.show',['slug' => $discount->slug ]) }}">{{ str_limit($discount->title, $limit = 30, $end = '...') }}</a>
                            </div>
                            <div class="user-name">
                                <h6>By <span><a href="{{ route('all/profile',$discount->user->id) }}"> {{ optional($discount->user)['fname'] }}</a></span></h6>
                            </div>
                            <div class="row">
                                <div class="col-lg-6">
                                    @include('ratings.discountratings', ['courseId' => $discount->id])
                                </div>
                                <div class="col-lg-6">
                                    <div class="badges bg-priamry offer-badge"><span>OFF<span>