@php
    $section_content = (array) ($section_content ?? []);
    $services_source = $section_content['services_source'] ?? 'children';

    if ($services_source === 'siblings') {
        $services_list = \App\Models\Service::query()
            ->where('is_active', 1)
            ->where('parent_id', $service->parent_id)
            ->where('id', '!=', $service->id)
            ->get();
    } else {
        $services_list = \App\Models\Service::query()
            ->where('is_active', 1)
            ->where('parent_id', $service->id)
            ->get();
    }
@endphp

@if($services_list->count() > 0)
    <section class="mt-lg-5 mt-0 pt-5">
        <div class="service-section-container non-after mx-auto">
            <p class="font-23 bold dark-gray text-center pb-lg-5 pb-0 mb-lg-3 mb-0">
                {{ $section_content['title'] ?? 'انواع خدمات' }}
            </p>
            <div class="row row-cols-lg-5 row-cols-3 justify-content-center mx-0 mt-lg-5 mt-4 w-100">
                @foreach($services_list as $service_item)
                    <a class="col p-0 text-center service-box mt-lg-0 mt-3" href="{{ route('site.service.detail', $service_item->url) }}">
                        <div class="px-xxl-5 px-4">
                            <img width="60" height="100" data-aos="fade-up" data-aos-duration="800" class="h-auto aos-init" src="{{ $service_item->getIconFile() }}" alt="{{ $service_item->title }}">
                            <img class="w-100" src="{{ asset('assets/site/img/service-section.png') }}" alt="">
                        </div>
                        <p class="mint-green mb-0 mt-2 font-20 col-10 p-0 mx-auto transition">
                            {{ $service_item->title }}
                        </p>
                    </a>
                @endforeach
            </div>
        </div>
    </section>
@endif