@php
    /*
     | Activatable brochures section. Renders one card per downloadable PDF and
     | only when the section is enabled AND at least one configured file exists
     | on the public disk, so a missing file never leaves a dead link behind.
     */
    $brochure = app(\App\Services\BrochureService::class);
    $items = $brochure->brochures();

    // The legacy global title/description double as the section intro when more
    // than one brochure is listed; for a single card they live in the card.
    $showHeading = count($items) > 1
        && (filled($brochure->title()) || filled($brochure->description()));
@endphp

@if ($brochure->shouldRender())
    <x-section data-section="brochure" {{ $attributes }}>
        <x-container>
            @if ($showHeading)
                <x-section-heading
                    eyebrow="Catálogos"
                    :title="$brochure->title()"
                    :subtitle="$brochure->description()"
                    data-animate
                    data-animate-type="up"
                />
            @endif

            <div class="mt-12 grid gap-6 sm:grid-cols-2 lg:grid-cols-3" data-animate-group>
                @foreach ($items as $item)
                    <x-card class="flex flex-col gap-5">
                        <div class="flex items-start gap-4">
                            <span class="inline-flex h-12 w-12 shrink-0 items-center justify-center border border-line bg-surface-hover text-accent-text">
                                <x-icon name="file" :size="24" />
                            </span>

                            <div class="min-w-0">
                                <h3 class="font-serif text-h3 text-on-surface">{{ $item['title'] }}</h3>

                                @if ($item['description'])
                                    <p class="mt-2 font-sans text-body text-on-surface-muted">{{ $item['description'] }}</p>
                                @endif
                            </div>
                        </div>

                        <span data-magnetic class="mt-auto inline-flex">
                            <x-button
                                :href="$item['url']"
                                variant="primary"
                                download
                                data-track="brochure_download"
                            >
                                <x-icon name="download" :size="18" />
                                {{ $item['cta_label'] }}
                            </x-button>
                        </span>
                    </x-card>
                @endforeach
            </div>
        </x-container>
    </x-section>
@endif