{{--
    @intent Bloco `quick-links`: atalhos internos declarados na Home/Página (catálogo fechado).
    @description Lista semântica de navegação; rotas inexistentes são omitidas (degrada sem JS e
                 sem quebrar a página). O destino é **nome de rota** (locale correto — ADR-012).
--}}
@use('Layout\Blocks\BlockRoute')

@props([
    'props' => [],
    'media' => [],
    'blockId' => null,
])

@php
    $title = is_string($props['title'] ?? null) ? $props['title'] : null;
    $items = [];

    foreach (is_array($props['items'] ?? null) ? $props['items'] : [] as $item) {
        if (! is_array($item) || ! is_string($item['label'] ?? null) || ! is_string($item['route'] ?? null)) {
            continue;
        }

        // Rota inexistente, parametrizada ou de área restrita é **omitida** (nunca 500, nunca
        // link para o painel — mesma regra do schema, ADR-016/ADR-043).
        $url = BlockRoute::url($item['route']);

        if ($url === null) {
            continue;
        }

        $items[] = ['label' => $item['label'], 'url' => $url];
    }

    $headingId = is_string($blockId) && $blockId !== ''
        ? preg_replace('/[^a-z0-9-]/', '', strtolower($blockId)).'-title'
        : null;
@endphp

@if ($title !== null && $items !== [])
    <nav
        @if ($headingId !== null) aria-labelledby="{{ $headingId }}" @else aria-label="{{ $title }}" @endif
        class="flex flex-col gap-4"
    >
        <h2 id="{{ $headingId }}" class="text-2xl font-bold tracking-tight text-civic-ink">{{ $title }}</h2>

        <ul class="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3" role="list">
            @foreach ($items as $item)
                <li>
                    <a
                        href="{{ $item['url'] }}"
                        class="flex items-center gap-3 rounded-2xl border-2 border-civic-border bg-surface p-5 font-bold text-civic-ink transition-colors hover:border-civic-link hover:text-civic-link"
                    >
                        <x-ui::icon name="chevron-right" class="h-4 w-4" />
                        <span>{{ $item['label'] }}</span>
                    </a>
                </li>
            @endforeach
        </ul>
    </nav>
@endif