@props([
    'accordionId' => 'accordion-mapa',
    'items' => [],
    'openFirst' => true,
    'blockClass' => 'mapa-do-site-block',
])

<div class="ms-accordion" id="{{ $accordionId }}">
    @foreach ($items as $index => $item)
        @php
            $collapseId = $accordionId . '-' . ($item['id'] ?? 'item-' . $index);
            $links = $item['links'] ?? [];
            $displayedCount = count($links);
            $totalCount = $item['totalCount'] ?? $displayedCount;
            $isTruncated = !empty($item['truncated']) && $totalCount > $displayedCount;
            $isOpen = $openFirst && $index === 0;
            $showMoreLink = $isTruncated && !empty($item['moreUrl']);
        @endphp
        <div class="ms-acc-item {{ $blockClass }}" data-block-title="{{ Str::lower($item['title'] ?? '') }}">
            <button
                class="ms-acc-btn {{ $isOpen ? 'ms-acc-btn--open' : '' }}"
                type="button"
                data-target="{{ $collapseId }}"
                aria-expanded="{{ $isOpen ? 'true' : 'false' }}"
                aria-controls="{{ $collapseId }}"
            >
                <span>{{ $item['title'] }}</span>
                <span class="ms-acc-right">
                    @if ($isTruncated)
                        <span class="ms-count-badge ms-count-badge--truncated" title="{{ __(':total no portal; :limit exibidos no mapa do site', ['total' => number_format($totalCount, 0, ',', '.'), 'limit' => number_format($displayedCount, 0, ',', '.')]) }}">
                            {{ number_format($displayedCount, 0, ',', '.') }}
                            <span class="ms-count-badge-sep">{{ __('de') }}</span>
                            {{ number_format($totalCount, 0, ',', '.') }}
                        </span>
                    @else
                        <span class="ms-count-badge">{{ number_format($totalCount, 0, ',', '.') }}</span>
                    @endif
                    <i class="fa-solid fa-chevron-down ms-acc-arrow {{ $isOpen ? 'ms-acc-arrow--open' : '' }}" aria-hidden="true"></i>
                </span>
            </button>
            <div
                id="{{ $collapseId }}"
                class="ms-acc-panel {{ $isOpen ? 'ms-acc-panel--open' : '' }}"
                role="region"
            >
                @if (!empty($item['description']))
                    <p class="ms-acc-desc">{{ $item['description'] }}</p>
                @endif
                <ul class="ms-acc-grid mapa-do-site-link-list" role="list">
                    @foreach ($links as $link)
                        @if (!empty($link['href']))
                            <li
                                class="ms-acc-link-item mapa-do-site-link-item"
                                data-search="{{ Str::lower(($link['title'] ?? '') . ' ' . $link['href']) }}"
                            >
                                <a
                                    href="{{ $link['href'] }}"
                                    @if (!empty($link['external'])) target="_blank" rel="noopener noreferrer" @endif
                                    title="{{ $link['href'] }}"
                                >
                                    {{ $link['title'] }}
                                    @if (!empty($link['external']))
                                        <i class="fa-solid fa-arrow-up-right-from-square ms-ext-icon" aria-hidden="true"></i>
                                    @else
                                        <i class="fa-solid fa-chevron-right ms-int-icon" aria-hidden="true"></i>
                                    @endif
                                </a>
                            </li>
                        @endif
                    @endforeach
                </ul>
                @if ($showMoreLink)
                    <div class="ms-acc-more">
                        <a
                            href="{{ $item['moreUrl'] }}"
                            class="btn btn-outline-success btn-sm ms-acc-more-btn"
                            target="_blank"
                            rel="noopener noreferrer"
                        >
                            {{ $item['moreLabel'] ?? __('Ver mais') }}
                            <i class="fa-solid fa-arrow-up-right-from-square ms-ext-icon" aria-hidden="true"></i>
                        </a>
                        <p class="ms-acc-more-hint text-muted small mb-0">
                            {{ __('Exibindo as :limit mais recentes de :total no mapa.', [
                                'limit' => number_format($displayedCount, 0, ',', '.'),
                                'total' => number_format($totalCount, 0, ',', '.'),
                            ]) }}
                        </p>
                    </div>
                @endif
            </div>
        </div>
    @endforeach
</div>