@model List<ResultReferenceDto>


<h5 class="title-style-2 mb-3" style="color: #c4956a;">Referanslarımız</h5>


<div class="swiper mySwiper">
    <div class="swiper-wrapper">
        @foreach (var reference in Model)
        {
            <div class="swiper-slide">
                <a class="clients-classic" href="@(string.IsNullOrEmpty(reference.WebUrl) ? "#" : reference.WebUrl)" target="_blank">
                    <img src="@reference.LogoUrl" alt="reference-logo" style="max-width: 150px;" />
                </a>
            </div>
        }
    </div>
</div>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>

<script>
    var swiper = new Swiper(".mySwiper", {
        loop: true,
        autoplay: {
            delay: 2500,
            disableOnInteraction: false,
        },
        slidesPerView: 3,
        spaceBetween: 30,
        breakpoints: {
            640: {
                slidesPerView: 2,
            },
            768: {
                slidesPerView: 3,
            },
            1024: {
                slidesPerView: 5,
            }
        }
    });
</script>