@props([
    'data' => null
])

@php
    /**
     * Cards of the current division only.
     *
     * The static /partners page chose between six hand-written lists with a
     * `switch ($division->name)` (partners.blade.php:37). Here each card names the divisions that
     * represent that partner, so the same page serves all eight — which is the only option, since
     * `slugs` has UNIQUE(path) and only one page can live at `partners`.
     *
     * A card with no divisions set is shown everywhere: that is what every card saved before the
     * field existed looks like, and it keeps them visible instead of silently emptying the grid.
     */
    $division = currentDivision()?->name;

    $items = collect($data['gallery_items'] ?? [])->filter(function (array $item) use ($division): bool {
        $only = array_filter((array) ($item['divisions'] ?? []));

        return $only === [] || ($division !== null && in_array($division, $only, true));
    });
@endphp

@if ($items->isNotEmpty())
<div class="service-section-five">
    <div class="auto-container">
        <div class="row clearfix d-flex justify-content-center">
            @foreach ($items as $item)
                <div class="col-12 col-md-4 p-2">
                    <div class="service-block-two">
                        <div class="inner-box">
                            <div class="image">
                                <img src="{{ Storage::url($item['image']) }}" alt="{{ translate_label($item, 'title') }}" />
                                <div class="overlay-box">
                                    <span class="icon d-flex justify-content-center">
                                        <img class="icon-partner" src="{{ Storage::url($item['icon_image']) }}" alt="{{ translate_label($item, 'title') }}">
                                    </span>
                                    <div class="content">
                                        <h4 style="font-size: 20px;">{{ translate_label($item, 'title') }}</h4>
                                        <div class="title text-dark">{{ translate_label($item, 'subtitle') }}</div>
                                    </div>
                                </div>
                                <div class="overlay-box-two">
                                    <span class="icon-two d-flex justify-content-center">
                                        <img class="icon-partner" src="{{ Storage::url($item['icon_image']) }}" alt="{{ translate_label($item, 'title') }}">
                                    </span>
                                    <div class="overlay-inner">
                                        <div class="overlay-content">
                                            <p class="_h4 color-yellow1">{{ translate_label($item, 'title_back') }}</p>
                                            <div class="text text-light">{{ translate_label($item, 'description_back') }}</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
</div>
@endif