@if(isset($data) && is_array($data) && !empty($data))
<section class="section-dark p-0 bg-dark-gray">
    <div class="swiper lg-no-parallax full-screen md-h-600px sm-h-500px ipad-top-space-margin swiper-light-pagination"
      data-slider-options='{ "slidesPerView": 1, "loop": true, "parallax": true, "speed": 1000, "pagination": { "el": ".swiper-pagination-bullets", "clickable": true }, "navigation": { "nextEl": ".slider-one-slide-next-1", "prevEl": ".slider-one-slide-prev-1" }, "autoplay": { "delay": 4000, "disableOnInteraction": false },  "keyboard": { "enabled": true, "onlyInViewport": true }, "effect": "slide" }'>
      <div class="swiper-wrapper">
        <!-- start slider item -->
        @foreach($data['slider_item'] as $slide)
        <div class="swiper-slide overflow-hidden">
            <div class="cover-background position-absolute top-0 start-0 w-100 h-100" data-swiper-parallax="500"
              style="background-image:url('{{ isset($slide['bg_image']) && !empty($slide['bg_image']) ? $slide['bg_image'] : '' }}');">
              <div class="opacity-extra-medium"></div>
              <div class="container h-100" data-swiper-parallax="-500">
                <div class="row align-items-center h-100">
                  <div class="col-xl-7 col-lg-8 col-md-10 position-relative text-white text-center text-md-start"
                    data-anime='{ "el": "childs", "translateX": [100, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'>
                    <div>
                        <span class="fs-20 opacity-6 mb-25px sm-mb-15px d-inline-block fw-300">{{ isset($slide['small_text']) ? $slide['small_text'] : '' }}</span>
                    </div>
                    <h1 class="alt-font w-90 xl-w-100 text-shadow-double-large ls-minus-2px">{{ isset($slide['big_text']) ? $slide['big_text'] : '' }}</h1>
                    @if(isset($slide['button_url']) && !empty($slide['button_url']) && isset($slide['button_text']) && !empty($slide['button_text']))
                    <a href="{{ $slide['button_url'] }}" target="_blank"
                      class="btn btn-extra-large btn-rounded with-rounded btn-base-color btn-box-shadow box-shadow-extra-large mt-20px sm-mt-0">{{ $slide['button_text'] }}<span
                        class="bg-white text-base-color"><i class="fas fa-arrow-right"></i></span></a>
                    @endif
                  </div>
                </div>
              </div>
            </div>
          </div>
        @endforeach
        <!-- end slider item -->
      </div>
      <!-- start slider pagination -->
      <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"></div>
      <!-- end slider pagination -->
  </section>
@endif