@php
    $section_content = (array) ($section_content ?? []);
    $honor_items = (array) ($section_content['items'] ?? []);
@endphp

<section class="number-section">
    <div class="container">
        <div class="row mx-0 mt-5 pt-lg-5 pt-0 w-100 align-items-center">
            <div class="col-lg-4 d-lg-block d-none col-12 pe-5 p-2">
                <div class="pe-4">
                    <img class="w-100 aos-init aos-animate" data-aos="fade-left" data-aos-duration="800" src="{{asset('assets/site/img/honers-2.svg')}}" alt="">
                </div>
            </div>
            <div class="col-lg-8 col-12 p-2 ps-lg-4 ps-2">
            <span class="d-flex justify-content-start extra-bold dark-gray font-30 px-2">
                {{ $section_content['title'] ?? 'افتخارات شرکت طراحی سایت' }} <span class="mint-green ps-1">الوادز</span>
            </span>
                <p class="text-black mt-3 mb-4 light px-2">
                    {{ $section_content['short_description'] ?? 'آژانس دیجیتال مارکتینگ الو ادز | خدمات جامع تبلیغات و بازاریابی دیجیتال موفقیت هر کسب‌وکاری به حضور قوی و هدفمند در فضای آنلاین وابسته است. در این راستا، بهره‌گیری از یک آژانس دیجیتال مارکتینگ حرفه‌ای می‌تواند مسیر رشد' }}
                </p>

                <div class="swiper mySwiper-resolve2 mt-3 px-2">
                    <div class="swiper-wrapper">
                        @forelse($honor_items as $index => $honor_item)
                            @php
                                $aos_duration = 800 + (($index % 4) * 300);
                            @endphp
                            <div class="swiper-slide">
                                <div data-aos="flip-right" data-aos-duration="{{ $aos_duration }}">
                                    <img class="w-100 main-radius" src="{{ $honor_item['image'] ?? asset('assets/admin/images/noimage.png') }}" alt="{{ $honor_item['title'] ?? '' }}">
                                    <span class="d-flex justify-content-center mt-1 bold dark-gray text-center">
                                        {{ $honor_item['title'] ?? '' }}
                                    </span>
                                </div>
                            </div>
                        @empty
                            <div class="swiper-slide">
                                <div data-aos="flip-right" data-aos-duration="800">
                                    <img class="w-100 main-radius" src="{{asset('assets/site/img/certificate-1.jpg')}}" alt="">
                                    <span class="d-flex justify-content-center mt-1 bold dark-gray text-center">
                                        گواهی ثبت نشده است
                                    </span>
                                </div>
                            </div>
                        @endforelse
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>