@extends('layouts.site')

@section('content')

<section class="wrapper !bg-[#ffffff]  wrapper-border">
                  <div class="container pt-20 xl:pt-28 lg:pt-28 md:pt-28 pb-16 xl:pb-20 lg:pb-20 md:pb-20">
                    <h2 class="text-center !mb-8 text-3xl font-bold uppercase">{!! t('ÇÖZÜM ORTAKLARIMIZ') !!}</h2>
                    <div class="swiper-container clients !mb-0 relative z-10" data-margin="30" data-dots="false" data-loop="true" data-autoplay="true" data-autoplaytime="1" data-drag="false" data-speed="5000" data-items-xxl="7" data-items-xl="6" data-items-lg="5" data-items-md="4" data-items-xs="2">
                      <div class="swiper">
                        <div class="swiper-wrapper ticker">
                          @php
                              $partners = $page->data['partners'] ?? [];
                          @endphp
                          
                          @foreach($partners as $partner)
                              @if(!empty($partner['logo']))
                              <div class="swiper-slide px-5">
                                 @if(!empty($partner['url']))
                                    <a href="{{ $partner['url'] }}" target="_blank" rel="nofollow" class="block">
                                 @endif
                                    <img class="!w-full !h-auto" src="{{ asset('storage/' . $partner['logo']) }}" alt="Partner">
                                 @if(!empty($partner['url']))
                                    </a>
                                 @endif
                              </div>
                              @endif
                          @endforeach
                          
                          {{-- Fallback for design preview if no data exists --}}
                          @if(empty($partners))
                              <div class="swiper-slide px-5"><img class="!w-full !h-auto" src="../../assets/img/brands/c1.png" alt="image"></div>
                              <div class="swiper-slide px-5"><img class="!w-full !h-auto" src="../../assets/img/brands/c2.png" alt="image"></div>
                              <div class="swiper-slide px-5"><img class="!w-full !h-auto" src="../../assets/img/brands/c3.png" alt="image"></div>
                          @endif

                        </div>
                        <!--/.swiper-wrapper -->
                      </div>
                      <!-- /.swiper -->
                    </div>
                    <!-- /.swiper-container -->
                  </div>

                  @if($page->content)
                  <div class="container pb-16 xl:pb-20 lg:pb-20 md:pb-20">
                      <div class="prose max-w-none">
                          {!! $page->content !!}
                      </div>
                  </div>
                  @endif
</section>
<!-- /section -->

@endsection