@if(isset($links->categories))
    <div class="c-dropdown">
        <a class="c-dropdown__mainlink" href="{{$links->categories->route}}">
            @include('site.components.icons.dropdown')
            <span class="c-dropdown__label">Assortiment</span>
        </a>
        <ul class="c-dropdown__list">
            @if(isset($composedCategories))
                @foreach($composedCategories->children as $composedCategory)
                    @continue(!isset($composedCategory->translation))
                    <li class="c-dropdown__item  @if(!empty($activeCategory) && $activeCategory->id === $composedCategory->id || !empty($activeMainCategory) && $activeMainCategory->id === $composedCategory->id) is-active @endif" data-parent-id="{{$composedCategory->id}}">

                        <a class="c-dropdown__link" href="{{$links->categories->route}}/{{$composedCategory->translation->slug}}">
                            <span class="c-dropdown__name">{{$composedCategory->translation->name}}</span>
                            @if(isset($composedCategory->children))
                                <i class="c-dropdown__icon">@include('site.components.icons.arrowhead')</i>
                            @endif
                        </a>

                        @if(isset($composedCategory->children))
                            <ul class="c-dropdown__sublist">
                                <li class="c-dropdown__subheading">
                                    {{$composedCategory->translation->name}}
                                </li>

                                @foreach($composedCategory->children as $composedSubCategory)
                                    @continue(empty($composedSubCategory->translation))
                                    <li class="c-dropdown__subitem {{ !empty($activeCategory) && $composedSubCategory->code_name === $activeCategory->code_name  ? 'is-active' : ''}}">
                                        <a class="c-dropdown__sublink" href="{{$links->categories->route}}/{{$composedCategory->translation->slug}}/{{$composedSubCategory->translation->slug}}">
                                            {{$composedSubCategory->translation->name}}
                                        </a>
                                    </li>
                                @endforeach
                            </ul>

                        @endif
                    </li>
                @endforeach
            @endif
        </ul>
    </div>
@endif