<div class="sub-navigation" data-controller="blocks/sub-navigation">
    <div class="sub-navigation__wrapper" data-role="links-wrapper">
        <div class="sub-navigation__container">
            <div class="sub-navigation__links-container">
                <button class="sub-navigation__button-title-mobile" data-action="toggle-mobile">
                    @title($block->block_title)
                    <div class="sub-navigation__button-title-mobile-icon">
                        <span class="sub-navigation__button-title-mobile-arrow">
                            @include('frontend.svg.icon-arrow')
                        </span>
                        <span class="sub-navigation__button-title-mobile-close">
                            @include('frontend.svg.close')
                        </span>
                    </div>
                </button>

                @php
                    $countCTAs = 0;
                    $classesContainer = '';
                    foreach ($block->linkGroups as $item) {
                        if (!empty(getUrlFromLink($item->cta))) {
                            $countCTAs++;
                        }
                    }

                    if ($countCTAs == count($block->linkGroups)) {
                        $classesContainer = 'sub-navigation--no-width ';

                        if (empty(getUrlFromLink($block->cta1))) {
                            $classesContainer = 'sub-navigation--no-width sub-navigation--no-button';
                        }
                    } else if (empty(getUrlFromLink($block->cta1))) {
                        $classesContainer = 'sub-navigation--no-width-no-center';
                    }
                @endphp

                <div class="sub-navigation__container-link-groups {{ $classesContainer }}" data-role="list-mobile">
                    <div class="sub-navigation__link-groups" data-role="filter">
                        @foreach($block->linkGroups as $i => $linkGroup)
                            <div class="sub-navigation__link-group">
                                @if(!empty(getUrlFromLink($linkGroup->cta)))
                                    {!! generateLink($linkGroup->cta, 'sub-navigation__link-group-title') !!}
                                @else
                                    <button class="sub-navigation__link-group-title" data-action="toggle-links" data-id="{{ $i }}">
                                        {{ $linkGroup->title }}
                                        @include('frontend.svg.icon-arrow')
                                    </button>
                                    <div class="sub-navigation__link-list" data-role="link-items" data-list="{{ $i }}">
                                        @foreach($linkGroup->links as $j => $link)
                                            {!! generateLink($link->cta, 'sub-navigation__link-item') !!}
                                        @endforeach
                                    </div>
                                @endif
                            </div>
                        @endforeach
                    </div>
                    @if(!empty(getUrlFromLink($block->cta1)))
                        <div class="sub-navigation__cta">
                            {!! generateLink($block->cta1, 'std-button std-button--large std-button--arrow') !!}
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
