@extends('theme.sarthi.master')
@section('title') <title>TGT PGT Test Series</title> @endsection

@section('content')

<style>
  
  .topbar {
    background-color: #333;
    color: #fff;
  }
  .slidiv
  {
      padding-right:0px!important;
    padding-left:0px!important;
  }
</style>	
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
  
<div class="container-fluid slidiv">
 
  <div id="myCarousel" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
      <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
      <li data-target="#myCarousel" data-slide-to="1"></li>
      <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol>

    <!-- Wrapper for slides -->
    <div class="carousel-inner">
      <div class="item active">
        <img src="{{ url('sarthi/images/slider/2.webp') }}" alt="Los Angeles" style="width:100%;">
      </div>

      <div class="item">
        <img src="{{ url('sarthi/images/slider/3.webp') }}" alt="Chicago" style="width:100%;">
      </div>
    
      <div class="item">
        <img src="{{ url('sarthi/images/slider/1.webp') }}" alt="New york" style="width:100%;">
      </div>
    </div>

    <!-- Left and right controls -->
    <a class="left carousel-control" href="#myCarousel" data-slide="prev">
      <span class="glyphicon glyphicon-chevron-left"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#myCarousel" data-slide="next">
      <span class="glyphicon glyphicon-chevron-right"></span>
      <span class="sr-only">Next</span>
    </a>
  </div>
</div>


    
  
<section>
   <div class="container">
      <div class="row multi-row-clearfix">
         
         <h3 class="text-uppercase title line-bottom mt-0 mb-30 maxwidth500">Our <span class="text-theme-colored">Courses</span></h3>
                       
                        
        @php $course = App\Course::all(); @endphp
        @foreach($course as $cat)               
         <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
            <div class="courses maxwidth500 mb-30">
               <div class="courses-thumb">
                  @if($cat['preview_image'] !== NULL && $cat['preview_image'] !== '')
                                        <img src="images/course/<br />
<b>Warning</b>:  Undefined variable $cat in <b>/home/rajthemystery/public_html/resources/views/homepage.blade.php</b> on line <b>75</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/rajthemystery/public_html/resources/views/homepage.blade.php</b> on line <b>75</b><br />
" class="img-responsive" >
                                        @else
                                        <img src="{{ Avatar::create($cat->title)->toBase64() }}" class="img-responsive" >
                                        @endif
                  <span>Free</span>
               </div>
               <h3>{{$cat->title}}</h3>
               <p>Click below to buy Course</p>
               <a href="{{ url('checkout-course/') }}/{{$cat->id}}" class="text-theme-colored font-13 font-weight-600">Buy Now →</a>
            </div>
         </div>
         @endforeach
         
      </div>
   </div>
</section>
	
@endsection