@if($slider->count())
<div class="mb-3 ms-n3 me-n3">
    <div class="swiper slider-academia">
        <div class="swiper-wrapper">
        
         @for($i=0; $i<$slider->count(); $i++)
         <div class="swiper-slide">
             <img src="{{ asset('anuncios/banner/'.$slider[$i]->imagen) }}" class="swiper-gl-image">
         </div>
         @endfor


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


@push('script')
<script type="text/javascript">
    
const swiper2 = new Swiper('.slider-academia', {
  modules: [SwiperGL],
  speed: 1000,
  effect: 'gl',
  loop: true,
  gl: {
    shader: 'random',
  },
  autoplay: {
        delay: 2500,
        disableOnInteraction: false,
      },
  navigation: {
    prevEl: '.swiper-button-prev',
    nextEl: '.swiper-button-next',
  },
});

</script>
@endpush