{{--
  @php
    $sliders = App\Models\Slider::latest()->limit(6)->get();
  @endphp

    <div class="container-fluid">

        <div class="section-heading text-center">
            <h5 class="ribbon ribbon-lg mb-3"> News Feed </h5>
            <h2 class="section__title mb-3"> UPCOMING EVENTS AND UPDATES </h2>
           
        </div><!-- end section-heading -->

    </div><!-- end container -->

         
    <div class="container mb-5 pb-5">

      <div id="demo" class="carousel slide" data-ride="carousel">
    
        <ul class="carousel-indicators">
          <li data-target="#demo" data-slide-to="0" class="active"></li>
          <li data-target="#demo" data-slide-to="1"></li>
          <li data-target="#demo" data-slide-to="2"></li>
        </ul>
    
        <div class="carousel-inner">
    
          
    
         @forelse( $sliders as $key => $slider)

          <div class="carousel-item @if($key == 0) active @endif">

           <a href="{{ (!empty($slider->slider_url)) ? $slider->slider_url : 'javascript: void(0);' }}"> <img src="{{ ($slider->slider_image) }}" class="img-fluid" alt="slider" width="1400" height="600"> </a>
            
            <div class="carousel-caption">
              <h3> {{ $slider->slider_heading }}  </h3>
              <p> {{ $slider->slider_text }}    </p>
            </div> 
    
          </div>


          @empty

          
         @endforelse
    
         
    
        </div>
    
        <a class="carousel-control-prev" href="#demo" data-slide="prev">
          <span class="carousel-control-prev-icon"></span>
        </a>
    
        <a class="carousel-control-next" href="#demo" data-slide="next">
          <span class="carousel-control-next-icon"></span>
        </a>
    
    </div>


  </div>

  --}}