<div class="menu-drawer" data-role="big-menu">
    <div class="menu-drawer__wrap" >
        <div class="menu-drawer__content" data-role="menu-content">
            <div class="menu-drawer__content-wrap">
                <div class="menu-drawer__menus">
                    @foreach ($menuStructured as $menuItem)
                        @php
                            foreach ($menuItem->children as $colMenu) {
                                $hasChildren = 0;
                                if (!empty($colMenu->children)) {
                                    $hasChildren = 1;
                                    break;
                                }
                            }
                        @endphp
                        @if($menuItem->bigMenu)
                            <h4 class="menu-drawer__menus-title" data-role="title" data-menu="{{ $menuItem->bigMenu->slug }}">{{ $menuItem->title }}</h4>
                            <nav class="" data-menu="{{ $menuItem->bigMenu->slug }}" data-role="menu">
                                @if(!empty($menuItem->children))
                                    @foreach($menuItem->children as $colMenu)
                                        <div class="menu-drawer__col">
                                            <div class="menu-drawer__col-heading {{ !empty($hasChildren) && !empty($colMenu->children) ? 'with-children' : '' }}" data-role="colmenu" data-colmenu-id="{{ $colMenu->id }}">
                                                @if($colMenu->url === '#')
                                                    <span class="menu-drawer__col-heading-text">{{ $colMenu->title }}</span>
                                                    <span class="menu-drawer__col-heading-icon">
                                                        @if (!empty($colMenu->children))
                                                            @include('frontend.svg.icon-arrow-right')
                                                        @else
                                                            @include('frontend.svg.icon-arrow-down-right')
                                                        @endif
                                                    </span>
                                                @else
                                                    <a
                                                        href="{{ strpos($colMenu->url, 'http') === 0 ? $colMenu->url : lang_url($colMenu->url) }}"
                                                        {!! $colMenu->target ? "target='{$colMenu->target}'" : '' !!}
                                                        class="tm-level1-menu-item"
                                                    >
                                                        <span class="menu-drawer__col-heading-text">{{ $colMenu->title }}</span>
                                                        <span class="menu-drawer__col-heading-icon">
                                                            @if (!empty($colMenu->children))
                                                                @include('frontend.svg.icon-arrow-right')
                                                            @else
                                                                @include('frontend.svg.icon-arrow-down-right')
                                                            @endif
                                                        </span>
                                                    </a>
                                                @endif
                                            </div>
                                            <ul data-role="submenu" data-colmenu-id="{{ $colMenu->id }}">
                                                @php
                                                    $lastItem = null;
                                                @endphp
                                                @foreach($colMenu->children as $colItem)
                                                    <li>
                                                        <a
                                                            href="{{ strpos($colItem->url, 'http') === 0 ? $colItem->url : lang_url($colItem->url) }}"
                                                            {!! $colItem->target ? "target='{$colItem->target}'" : '' !!}
                                                            class="menu-drawer__menu-item tm-level2-menu-item"
                                                        >
                                                            <span class="menu-drawer__menu-item-text">
                                                                {{ $colItem->title }}
                                                            </span>
                                                        </a>
                                                    </li>
                                                    @php
                                                        $lastItem = $colItem;
                                                    @endphp
                                                @endforeach
                                            </ul>

                                            {{-- @if($lastItem && !empty($lastItem->children))
                                                @php
                                                    $colCta = $lastItem->children[0];
                                                @endphp
                                                <div class="menu-drawer__col-footer">
                                                    <a
                                                        href="{{ strpos($colCta->url, 'http') === 0 ? $colCta->url : lang_url($colCta->url) }}"
                                                        {!! $colCta->target ? "target='{$colCta->target}'" : '' !!}
                                                        class="tm-level3-menu-item"
                                                    >
                                                        {{ $colCta->title }}
                                                    </a>
                                                </div>
                                            @endif --}}
                                        </div>
                                    @endforeach
                                @endif
                            </nav>
                        @endif
                    @endforeach
                </div>
                <div class="menu-drawer__ctas">
                    @foreach ($menuStructured as $menuItem)
                        @php
                            foreach ($menuItem->children as $colMenu) {
                                $hasChildren = 0;
                                if (!empty($colMenu->children)) {
                                    $hasChildren = 1;
                                    break;
                                }
                            }
                        @endphp
                        @if($menuItem->bigMenu)
                            <div class="menu-drawer__cta" data-menu="{{ $menuItem->bigMenu->slug }}" data-role="ctas" data-children="{{ $hasChildren }}">
                                @if(!empty($menuItem->bigMenu->highlight_title1))
                                    @include('frontend.components.menu-cta', ['bigMenu' => $menuItem->bigMenu, 'ctaIndex' => 1])
                                @endif
                                @if(!empty($menuItem->bigMenu->highlight_title2))
                                    @include('frontend.components.menu-cta', ['bigMenu' => $menuItem->bigMenu, 'ctaIndex' => 2])
                                @endif
                            </div>
                        @endif
                    @endforeach
                </div>
            </div>
        </div>

        <div class="menu-drawer__banner" data-role="menu-banner">
            <div class="menu-drawer__banner-content">
                @foreach ($menuStructured as $menuItem)
                    @if($menuItem->bigMenu)
                        <div data-menu="{{ $menuItem->bigMenu->slug }}" data-role="banner" class="menu-drawer__banner-item">
                            @if($menuItem->bigMenu->bannerImage)
                                <img
                                    src="{{ getMediaUrl($menuItem->bigMenu->bannerImage->filename, '90x90') }}"
                                    alt="{{ htmlentities($menuItem->bigMenu->banner_label) }}"
                                />
                            @endif
                            <div class="menu-drawer__banner-label">
                                {{ $menuItem->bigMenu->banner_label }}
                            </div>
                            @if($menuItem->bigMenu->banner_cta)
                                {!! generateLink($menuItem->bigMenu->banner_cta, 'menu-drawer__banner-cta link-left-arrow link-animation-arrow tm-menu-banner') !!}
                            @endif
                        </div>
                    @endif
                @endforeach
            </div>
        </div>
    </div>
</div>
