@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-->

    
    <!-- categories-tab end-->
   
     @if(isset($sliders))

     <!--style="background: url(images/slider/banner_bg.jpg) no-repeat; background-position:100% center; background-size: cover;"-->
     <section class="homebaner" >
        <div class="container">
            <div class="row align-items-center">
                <div class="col-sm-12 col-md-6 col-lg-6 text-center text-md-left order-2 order-md-1">
                    <div class="splide home-background-slider1 background-slider-block" role="group" aria-label="Splide Basic HTML Example">
                        <div class="splide__track">
                            <ul class="splide__list">
                                @foreach($sliders as $slider)
                                <li class="splide__slide">
                                     @if($slider->status == 1)
                                        <div class="item">
                                            <div class="home-main-block px-1" >
                                                <div class="home-dtl">
                                                    <h3 class="text-white font-weight-normal mb-0 font-size-16"><span class="py-2 px-4">{{ $slider['heading'] }}</span></h3>
                                                    <h2 class="text-dark home-heading font-weight-bold line-hight-1 my-3 my-lg-4 font-size-40">{{ $slider['sub_heading'] }}</h2>
                                                    <p class="text-dark font-weight-normal font-size-15">{{ $slider['detail'] }}
                                                </div>
                                                <div class="pt-md-2 pt-lg-3 d-flex align-items-center justify-content-center justify-content-md-start">
                                                      <a href="{{ route('allcourses') }}" class="btn_banner btn btn-dark p-2 text-capitalize font-weight-medium font-size-16 border-0 line-hight-1"><span class="d-flex pl-2 pr-1 align-items-center">Learn More <img src="{{asset('images/btn-arrow.svg')}}" class="img-fluid ml-1"></span> 
                                                      </a>
                                                </div>   
                                            </div>
                                        </div>
                                    @endif
                                </li>
                                @endforeach
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-sm-12 col-md-6 col-lg-6 text-center order-1 order-md-2 pt-4 pt-md-0">
                    <img src="{{asset('images/homebanner-img.svg')}}" class="img-fluid w-100">
                </div>
            </div>
        </div>
    </section>
     
     @endif


     <section class="bg-graylight">
         <div class="container">
             <div class="row bannerbottom g-0">
                 <div class="col-md-4">
                     
                    <a href="#" class="text-white py-3 py-md-4 d-flex pl-0 pl-lg-4 pr-3 pr-lg-4 align-items-center h-100">
                        <div class="py-1 px-lg-2 d-flex align-items-center">
                            <div class="banner-bottomicon mr-3 mr-lg-4">
                                <img src="{{asset('images/learnskills-icon.svg')}}" class="img-fluid">
                            </div>
                            <div>
                              <h2 class="font-size-20 font-weight-semibold mb-2 text-white mt-0 line-hight-1">Online Live Classes</h2> 
                              <p class="line-hight-3 font-size-15 mb-0">We provide Online Dual Way Interactive Classes </p>
                            </div>
                      </div>
                  </a>
                  
                 </div>
                 <div class="col-md-4 banner_border">
                    <a href="{{route('comingsoon.neetinfo')}}" class="text-white py-3 py-md-4 d-flex px-md-3 px-lg-4 h-100 align-items-center h-100 justify-content-start justify-content-md-center">
                        <div class="py-1 px-lg-2 d-flex align-items-center">
                            <div class="banner-bottomicon mr-3 mr-lg-4">
                                <img src="{{asset('images/expertteacher-icon.svg')}}" class="img-fluid">
                            </div>  
                            <div>    
                              <h2 class="font-size-20 font-weight-semibold mb-2 text-white mt-0 line-hight-1">NEET COURSES</h2> 
                              <p class="line-hight-3 font-size-15 mb-0">CLASSES  9- 12 and More.</p>
                          </div>
                      </div>
                  </a>
                 </div>
                 <div class="col-md-4">
                    <a href="{{route('comingsoon.iitinfo')}}" class="text-white py-3 py-md-4 d-flex pr-0 pr-lg-4 pl-md-3 pl-lg-4 h-100 align-items-center h-100">
                        <div class="py-1 px-lg-2 d-flex align-items-center">
                            <div class="banner-bottomicon mr-3 mr-lg-4">
                                <img src="{{asset('images/onlinedegress-icon.svg')}}" class="img-fluid">
                            </div> 
                            <div>
                             <h2 class="font-size-20 font-weight-semibold mb-2 text-white mt-0 line-hight-1">IIT- JEE COURSES</h2> 
                             <p class="line-hight-3 font-size-15 mb-0">CLASSES  9 - 12 and More.</p>
                         </div>
                      </div>
                  </a>
                 </div>
                 
                 
             </div>
         </div>
     </section>
  
    <!--</section>-->
    <section class="testimonial section bannerbottoms homepad">
        <div class="container position-relative">
            <div class="position-absolute banner-bottom-round banner-bottom-round1">
             <img src="{{asset('images/banner-bottom-round.png')}}" class="img-fluid">
            </div>
            <div class="important_exams-img position-absolute banner-right-bottom-round">
             <img src="{{asset('images/banner-right-bottom-round.png')}}" class="img-fluid">
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="splide testimonial-slider1 " role="group" aria-label="Splide Basic HTML Example">
                        <div class="splide__track">
                            <ul class="splide__list">
                                <li class="splide__slide text-center">
                                    <div class="slider-box">
                                        <div class="slider-image mb-md-3 mb-2">
                                            <img src="{{ asset('ban.jpg') }}" class="img-fluid rounded">
                                        </div>
                                    </div>
                                </li>
                                <li class="splide__slide text-center">
                                    <div class="slider-box">
                                        <div class="slider-image mb-md-3 mb-2">
                                            <img src="{{ asset('1.jpg') }}" class="img-fluid rounded">
                                        </div>
                                    </div>
                                </li>
                                <li class="splide__slide text-center">
                                    <div class="slider-box">
                                        <div class="slider-image mb-md-3 mb-2">
                                            <img src="{{ asset('2.jpg') }}" class="img-fluid rounded">
                                        </div>
                                    </div>
                                </li>
                                <li class="splide__slide text-center">
                                    <div class="slider-box">
                                        <div class="slider-image mb-md-3 mb-2">
                                            <img src="{{ asset('3.jpg') }}" class="img-fluid rounded">
                                        </div>
                                    </div>
                                </li>
                                <li class="splide__slide text-center">
                                    <div class="slider-box">
                                        <div class="slider-image mb-md-3 mb-2">
                                            <img src="{{ asset('4.jpg') }}" class="img-fluid rounded">
                                        </div>
                                    </div>
                                </li>
                                <li class="splide__slide text-center">
                                    <div class="slider-box">
                                        <div class="slider-image mb-md-3 mb-2">
                                            <img src="{{ asset('5.jpg') }}" class="img-fluid rounded">
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 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 -->
 <div class="frontstaticword_bg">
    @if( ! $cors->isEmpty() )
    <section class="homepad overflow-hidden featured-se">
        <div class="container">
             <div class="row mb-4 pb-2 justify-content-between">
                 <div class="col-lg-5 text-center text-lg-start">
                     <a class="btn-primary p-2 text-capitalize font-size-15 border-0 line-hight-1 text-white d-inline-block rounded-pill"><span class="d-block px-2 py-0 font-weight-medium">Courses</a>
                     <h4 class="btm-30 font-size-40 text-dark font-weight-semibold mt-4 mb-3 mb-lg-4 line-hight-1">{{ __('frontstaticword.FeaturedCourses') }}</h4>
                </div>
                <div class="col-lg-6 font-size-18 text-dark line-hight-3 text-center text-lg-end">
                    <p>Step up your exam preparation with Exampay’s top-rated courses for UPSC, JEE, NEET, Aviation, and Banking. Our courses offer in-depth study resources, mock tests, and expert mentorship, empowering you to perform at your best and secure top ranks in competitive exams.
</p>
                </div>
            </div>
        </div>
        
        
        
    <div class=""> <!-- container -->
    
    <div class="featuredcourses-scroll mt-4">
    <div id="featuredcourses-blog" class="student-view-slider-main-block featured-row justify-content-center owl-carousel">
    @foreach($cors as $c)
    @if($c->status == 1 && $c->featured == 1)
    <div class="item student-view-block student-view-block-1 overflow-hidden h-100 position-relative bg-white rounded mb-0">
    <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 src="{{ asset('images/course/'.$c['preview_image']) }}" alt="course" class="rounded" style="max-width: 100%;height:230px;"></a>
    @else
    <a href="{{ url($c->slug) }}"><img src="{{ Avatar::create($c->title)->toBase64() }}" alt="course" class="rounded" style="max-width: 100%;height:230px;"></a>
    @endif
    </div>
    @if($c['level_tags'] == !NULL)
    <div class="best-seller">{{ $c['level_tags'] }}</div>
    @endif
    
    <div class="img-wishlist">
    <div class="protip-wishlist">
    <ul>

    <li class="protip-wish-btn"><a href="https://calendar.google.com/calendar/r/eventedit?text={{ $c['title'] }}" target="__blank" title="reminder"><i class="fa fa-bell" ></i></a></li>

    @if(Auth::check())

    <li class="protip-wish-btn"><a class="compare" data-id="{{filter_var($c->id)}}" title="compare"><i class="fa fa-signal" ></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 class="fa fa-heart"></i></button>
    </form>
    </li>
    @else
    <li class="protip-wish-btn">
    <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 class="fa fa-heart"></i></button>
    </form>
    </li>
    @endif 
    @else
    <li class="protip-wish-btn"><a href="{{ route('login') }}" title="heart"><i class="fa fa-heart"></i></a></li>
    @endif
    </ul>
    </div>
    </div>
    
    
    <div class="view-dtl p-4">


    <div class="view-heading mb-3 line-hight-1"><a class="font-weight-semibold" href="{{ url($c->slug) }}">{{ str_limit($c->title, $limit = 22, $end = '...') }}</a></div>
    <!--<p class="btm-5"><a herf="#">{{ __('frontstaticword.by') }} @if(isset($c->user)) {{ $c->user['fname'] }} {{ $c->user['lname'] }} @endif</a></p>-->
    <p class="btm-5 dcs">It is a long established fact that a reader will be distracted by the readable content</p>
    <div class="rating btm-10" style="display:none">
    <ul>
    <li>