@extends('theme.master')
    @section('title', 'Exampay')
    @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-->

    <section id="categories-tab" class="categories-tab-main-block">
       

@include('theme.menu')


    <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> -->
	</div>
    </section>
    <!-- categories-tab end-->
    
     @if(isset($sliders))
    <section style="background: url(images/slider/banner_bg.jpg) no-repeat; background-position:100% center; background-size: cover;">
     	<div class="container">
		    <div class="row align-items-center">
		    	<div class="col-sm-6 text-center text-sm-left">
    <div id="home-background-slider" class="background-slider-block owl-carousel">
          @foreach($sliders as $slider)

    @if($slider->status == 1)
    <div class="item">
    <div class="home-main-block px-1" >
    <div class="home-dtl">
    <h3 class="text-danger font-weight-light mb-0">{{ $slider['heading'] }}</h3>
    <h2 class="text-dark home-heading font-weight-bold line-hight-1 my-2 my-sm-3 my-md-4 py-lg-1">{{ $slider['sub_heading'] }}</h2>
    <p class="text-dark font-weight-normal">{{ $slider['detail'] }}</div>
     <div class="pt-1 pt-md-3 pt-lg-4 mt-lg-3 d-flex align-items-center justify-content-center justify-content-sm-start">
      <a href="{{ route('allcourses') }}" class="btn_banner d-flex align-items-center btn btn-danger p-2 text-capitalize font-weight-semibold font-size-16 border-0 line-hight-1"><span class="d-block px-3 py-2">Learn More <i class="fa fa-long-arrow-right font-size-16 pl-2" aria-hidden="true"></i></span> 
      </a>
    </div>   
    </div>
    </div>
    @endif
    @endforeach
      
    </div>
    </div>
		    	</div>
		    </div>
		</div>
     </section>
     @endif

   

     <!-- @if(isset($sliders))
    <section id="home-background-slider" class="background-slider-block owl-carousel" style="background: url(images/slider/banner_bg.jpg) no-repeat; background-position:100% center; background-size: cover;">
    <div class="lazy item home-slider-img">
    @foreach($sliders as $slider)

    @if($slider->status == 1)
    <div id="home" class="home-main-block" >
    <div class="container">
    <div class="row align-items-center">
    <div class="col-sm-6 text-center text-sm-left {{$slider['left'] == 1 ? '' : ''}}">
    <div class="home-dtl">
    <h3 class="text-danger font-weight-light mb-0">{{ $slider['heading'] }}</h3>
    <h2 class="text-dark home-heading font-weight-bold line-hight-1 my-2 my-sm-3 my-md-4 py-lg-1">{{ $slider['sub_heading'] }}</h2>
    <p class="text-dark font-weight-normal">{{ $slider['detail'] }}</div>
     <div class="pt-1 pt-md-3 pt-lg-4 mt-lg-3 d-flex align-items-center justify-content-center justify-content-sm-start">
      <a href="{{ route('allcourses') }}" class="btn_banner d-flex align-items-center btn btn-danger p-2 text-capitalize font-weight-semibold font-size-16 border-0 line-hight-1"><span class="d-block px-3 py-2">Learn More <i class="fa fa-long-arrow-right font-size-16 pl-2" aria-hidden="true"></i></span> 
      </a>
    </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="What do you want to learn?">
    <button type="submit" class="searchButton">
    <i class="fa fa-search"></i>
    </button>

    </div>
    </form> 
    </div>
    @endif

    </div>
    
    </div>
    </div>
    </div>
    </div>
    @endif
    @endforeach
    </div>
    </section>
    @endif -->
    <!-- home end -->
    <!-- learning-work start -->
  


<center><img src="{{ asset('ban.jpg') }}" class="img-fluid">
</center>

    <!-- Advertisement -->
    @if(isset($advs))
    @foreach($advs as $adv)
    @if($adv->position == 'belowslider')
    <br>  
    <section id="student" class="student-main-block 1">
    <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

    <!-- Student start -->
 
    @if( ! $cors->isEmpty() )
    <section id="student" class="student-main-block homepad overflow-hidden">
    <div class=""> <!-- container -->
    <h4 class="student-heading text-capitalize font-size-50 text-dark font-weight-semibold mb-4 pb-md-3 text-center">{{ __('frontstaticword.FeaturedCourses') }}</h4>
    <div id="student-view-slider" class="student-view-slider-main-block owl-carousel">
    @foreach($cors as $c)
    @if($c->status == 1 && $c->featured == 1)
    <div class="item student-view-block student-view-block-1 rounded shadow overflow-hidden h-100 position-relative">
    <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{{$c->id}}">
    <div class="view-block">
    <div class="view-img">
    @if($c['preview_image'] !== NULL && $c['preview_image'] !== '')
    <a href="{{ url($c->slug) }}"><img data-src="{{ asset('images/course/'.$c['preview_image']) }}" alt="course" class="owl-lazy" style="max-width: 100%;height:190px;"></a>
    @else
    <a href="{{ url($c->slug) }}"><img data-src="{{ Avatar::create($c->title)->toBase64() }}" alt="course" class="owl-lazy" style="max-width: 100%;height:190px;"></a>
    @endif
    </div>
    @if($c['level_tags'] == !NULL)
    <div class="best-seller">{{ $c['level_tags'] }}</div>
    @endif
    <div class="view-dtl p-3 p-lg-4 bg-white">


    <div class="view-heading btm-10 line-hight-1"><a href="{{ url($c->slug) }}">{{ str_limit($c->title, $limit = 30, $end = '...') }}</a></div>
    <!--<p class="btm-5"><a herf="#">{{ __('frontstaticword.by') }} @if(isset($c->user)) {{ $c->user['fname'] }} {{ $c->user['lname'] }} @endif</a></p>-->
    <div class="rating btm-10" style="display:none">
    <ul>
    <li>