@extends('theme2.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">
@endsection
<!-- categories-tab start-->
<!-- slider-area -->
@if(isset($sliders))
<section id="home" class="slider-area fix p-relative">
    <div class="slider-active" style="background: #141b22;">
    @foreach($sliders as $slider)
    @if($slider->status == 1)
        <div class="single-slider slider-bg" style="background-image: url('{{ asset('images/slider/'.$slider['image']) }}'); background-size: cover;">
            <div class="container">
               <div class="row">
                  <div class="col-lg-7 col-md-7">
                        <div class="slider-content s-slider-content mt-130">
                            <h5 data-animation="fadeInUp" data-delay=".4s">{{ $slider['heading'] }}</h5>
                            <h1 data-animation="fadeInUp" class="slider-main-heading" data-delay=".2s">{{ $slider['sub_heading'] }}</h1>
                            <p data-animation="fadeInUp" data-delay=".6s">{{ $slider['detail'] }}</p>
                            @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
    </div>
</section>
@endif
<!-- slider-area-end -->
<!-- service-area -->
@if(isset($facts))
<section class="service-details-two p-relative">
    <div class="container">
        <div class="row">
            @foreach($facts as $fact)
            <div class="col-lg-4 col-md-12 col-sm-12">
                <div class="services-box07">
                    
                    <div class="sr-contner">
                    <div class="icon">
                        <i class="fa {{ $fact['icon'] }}"></i>                       
                        </div>
                    <div class="text">
                        <h5>{{ $fact['heading'] }}</h5>
                        <p>{{ $fact['sub_heading'] }}</p>
                    </div>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</section>
@endif
<!-- service-details2-area-end -->
<!-- facts-area -->
@if($hsetting->fact_enable == 1 && isset($factsetting))
    <section id="facts" class="fact-main-block pt-120 pb-120 p-relative fix">
        <div class="container">
            <div class="row">
                @foreach($factsetting as $factset)
                    <div class="col-lg-3 col-md-6 col-12">
                        <div class="facts-block hover-zoomin 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->number }}" />
                                    <div class="facts-count">{{ $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
<!-- facts-area-end -->
<!-- about-area -->
@if($hsetting->feature_enable == 1 && ! $feature->isEmpty() && isset($featuresetting) )
<section class="about-area about-p pt-120 pb-120 p-relative fix">
    <div class="animations-02">
        <img src="{{url('frontcss/img/bg/an-img-02.png')}}" alt="contact-bg-an-01">
    </div>
    <div class="container">
        <div class="row justify-content-center align-items-center">
            <div class="col-lg-6 col-md-12 col-sm-12">
                <div class="s-about-img p-relative  wow fadeInLeft animated" data-animation="fadeInLeft" data-delay=".4s">
                    @if($featuresetting['image'] == !NULL)
                    <img src="{{ asset('images/feature/'.$featuresetting['image']) }}" alt="{{ $featuresetting->title }}">
                    @else
                    <img src="{{ asset('images/feature/'.$featuresetting['image']) }}" alt="{{ $featuresetting->title }}">
                    <img src="{{ Avatar::create($featuresetting->title)->toBase64() }}" alt="{{ $featuresetting->title }}"> 
                    @endif  
                </div>
            </div>
            <div class="col-lg-6 col-md-12 col-sm-12">
                <div class="about-content s-about-content pl-15 wow fadeInRight  animated" data-animation="fadeInRight" data-delay=".4s">
                    <div class="about-title second-title pb-25">  
                            <h5><i class="fal fa-graduation-cap"></i> {{__('About Our University')}}</h5>
                            <h2>{{ $featuresetting->title }}</h2>                                   
                    </div>
                    <p class="txt-clr">{{  $featuresetting->detail }}</p>
                    <div class="about-content2">
                    
                        <div class="row">
                        
                            <div class="col-md-12">
                                <ul class="green2">       
                                @foreach($feature as $key=>$data)                                       
                                    <li><div class="abcontent"><div class="ano"><span>{{ $key+1 }}</span></div> <div class="text"><h3>{{ str_limit(preg_replace("/\r\n|\r|\n/",'',strip_tags(html_entity_decode($data->title))) , $limit = 15, $end = '...') }}</h3> <p>{{ str_limit(preg_replace("/\r\n|\r|\n/",'',strip_tags(html_entity_decode($data->detail))) , $limit = 50, $end = '...') }}</p></div></div></li>
                                    @endforeach
                                </ul>
                            </div>
                            
                        </div>
                    
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
</section>
@endif
<!-- about-area-end -->
<!-- recent courses-area -->
@if(Auth::check())
@if($hsetting->recentcourse_enable  == 1 && isset($categories))
<section id="learning-courses" class="learning-courses-main-block pt-120 pb-120 p-relative fix">
    <div class="animations-01"><img src="{{url('frontcss/img/bg/an-img-03.png')}}" alt="an-img-01"></div>
    <div class="container-xl">
        <div class="row">   
            <div class="col-lg-6 p-relative">
                <div class="section-title center-align mb-50 wow fadeInDown animated" data-animation="fadeInDown" data-delay=".4s">
                        <h5><i class="fal fa-graduation-cap"></i> {{__('Recent Courses')}}</h5>
                    <h2>
                        {{__('Recent Courses')}}
                    </h2>                             
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                <div class="learning-courses">
                    @if(isset($categories))
                    <ul class="nav nav-tabs" id="myTab" role="tablist">
                        @foreach($categories as $cats)
                        <li class="nav-item" role="presentation">
                            <a class="nav-link" id="photography-tab" data-bs-toggle="tab" href="#photography" onclick="showtab('{{ $cats->id }}')" data-bs-target="#photography" type="button" role="tab" aria-controls="photography" aria-selected="true">{{ $cats['title'] }}</a>
                        </li>
                        @endforeach
                    </ul>
                    @endif
                </div>
                <div class="tab-content" id="myTabContent"> 
                    @if(!empty($categories))               
                    @foreach($categories as $cate)
                    <div class="tab-pane fade show active" id="photography" role="tabpanel" aria-labelledby="photography-tab">
                        <div id="tabShow">
                        </div>
                    </div>
                    @endforeach
                    @endif
                </div>
            </div>
        </div>
    </div>
</section>
@endif
@endif
<!-- recent courses-area-end -->
<!-- courses-area -->
@if(!$cors->isEmpty())
<section class="courses pt-120 pb-60 p-relative fix">
    <div class="animations-01"><img src="{{url('frontcss/img/bg/an-img-03.png')}}" alt="an-img-01')}}"></div>
    <div class="container">
        <div class="row">   
            <div class="col-lg-12 p-relative">
                <div class="section-title center-align mb-50 wow fadeInDown animated" data-animation="fadeInDown" data-delay=".4s">
                        <h5><i class="fal fa-graduation-cap"></i> {{__('Our Courses')}}</h5>
                    <h2>
                        {{__('Our Courses')}}
                    </h2>                             
                </div>
            </div>
        </div>
        <div class="row class-active">  
            @foreach($cors as $c)
            @if($c->status == 1 && $c->featured == 1)   
                <div class="col-lg-4 col-md-4">
                <div class="courses-item mb-30 hover-zoomin @if($gsetting['course_hover'] == 1) protip @endif">
                
                    <div class="thumb fix ">
                        @if($c['preview_image'] !== NULL && $c['preview_image'] !== '0')
                        <a href="{{ route('user.course.show',['slug' => $c->slug ]) }}"><img src="{{ asset('images/course/'.$c['preview_image']) }}" alt="contact-bg-an-01"></a>
                        @else
                        <a href="{{ route('user.course.show',['slug' => $c->slug ]) }}"><img src="{{ Avatar::create($c->title)->toBase64() }}" alt="contact-bg-an-01"></a>
                        @endif
                            
                        <div class="courses-icon">
                            <ul>
                                <li class="protip-wish-btn"><a
                                        href="https://calendar.google.com/calendar/r/eventedit?text={{ $c['title'] }}"
                                        target="__blank" title="reminder"><i data-feather="bell"></i></a></li>

                                        @if (Auth::check())
                                        <li class="protip-wish-btn">
                                            <a class="compare" data-id="{{ filter_var($c->id) }}" title="compare">
                                                <i data-feather="bar-chart"></i>
                                            </a>
                                        </li>
                                 

                                @php
                                $wish = App\Wishlist::where('user_id', Auth::User()->id)->where('course_id',
                                $c->id)->first();
                                @endphp
                                @if ($wish == NULL)
                                <li class="protip-wish-btn">
                                    <form id="demo-form2" method="post"
                                        action="{{ url('show/wishlist', $c->id) }}" data-parsley-validate
                                        class="form-horizontal form-label-left">
                                        {{ csrf_field() }}

                                        <input type="hidden" name="user_id" value="{{Auth::User()->id}}" />
                                        <input type="hidden" name="course_id" value="{{$c->id}}" />

                                        <button class="wishlisht-btn" title="Add to wishlist" type="submit"><i
                                                data-feather="heart"></i></button>
                                    </form>
                                </li>
                                @else
                                <li class="protip-wish-btn-two heart-fill">
                                    <form id="demo-form2" method="post"
                                        action="{{ url('remove/wishlist', $c->id) }}" data-parsley-validate
                                        class="form-horizontal form-label-left">
                                        {{ csrf_field() }}

                                        <input type="hidden" name="user_id" value="{{Auth::User()->id}}" />
                                        <input type="hidden" name="course_id" value="{{$c->id}}" />

                                        <button class="wishlisht-btn" title="Remove from Wishlist"
                                            type="submit"><i data-feather="heart"></i></button>
                                    </form>
                                </li>
                                @endif
                                @else
                                <li class="protip-wish-btn"><a href="{{ route('login') }}" title="heart"><i
                                            data-feather="heart"></i></a></li>
                                @endif
                            </ul>
                        </div>
                    </div>
                    @if(isset($c->discount_price))
                    <div class="badges bg-priamry offer-badge"><span>{{__('OFF')}}<span>