@php
    $sliderImages = json_decode(SettingHelper::getSetting('banner_slider', '[]'), true) ?? [];
    $totalImages = count($sliderImages);
    $displayImages = $totalImages < 4 ? array_merge($sliderImages, $sliderImages) : $sliderImages;
@endphp

<div class="w-full mx-auto">
    <!-- Swiper Container -->
    <div class="swiper bannerSlider">
        <div class="swiper-wrapper">
            @foreach ($displayImages as $image)
                <div class="swiper-slide">
                    <img 
                        src="{{ asset('images/slider/' . $image) }}" 
                        alt="Slider Image" 
                        class="w-full md:w-100 md:h-100 md:max-h-100 object-cover rounded-lg shadow-lg"
                    >
                </div>
            @endforeach
        </div>
    </div>
</div>