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

<section class="team-section" id="our-nat-division">
    <div class="auto-container">
        <div class="team-carousel owl-carousel owl-theme">

            @foreach ($data['carousel_items'] as $item)
                <x-redirect-link
                    :type="$item['redirection_settings']['redirect']['type'] ?? null"
                    :redirect="$item['redirection_settings']['redirect'] ?? null"
                >
                    <div class="team-block">
                        <div class="inner-box">
                            <div class="image">
                                <img src="{{ storage::url($item['card_image'])  }}"
                                     alt="item image"/>

                            </div>
                            <div class="lower-content">
                                <span class="gear-icon"></span>
                                <h3 class="_h4">
                                    {{ translate_label($item, 'title')  }}
                                </h3>
                                {{-- Only the item's own text: the literal `__('messages.division')`
                                     that used to be printed here made every card say "Division",
                                     which is wrong for the ones that name an office (Puebla,
                                     Bajío, Quilmes…). main's items already carry "Division" in
                                     their description, in the six locales, so nothing is lost. --}}
                                <div class="designation">
                                    {{ translate_label($item, 'description') }}
                                </div>
                            </div>
                        </div>
                    </div>
                </x-redirect-link>

            @endforeach
        </div>
    </div>
</section>