@foreach ($items as $key => $item)
@php
$hasChildren = count($item->children) > 0;
$title = getLocalizedDataFromObj($item, 'title');
$itemId = 'mobileMenuItem_' . md5($title . $key . ($isMobile ?? 'desktop') . ($level ?? 0));
$isActive = Request::is(ltrim($item->url, '/') . '*') ? 'active' : '';
$level = $level ?? 0;
@endphp

@if ($hasChildren)
<li class="mobile-nav-item mobile-dropdown">
    <a href="#"
        class="mobile-nav-link mobile-dropdown-toggle {{ $isActive }}"
        data-toggle="mobile-dropdown"
        data-target="#{{ $itemId }}"
        aria-expanded="false"
        style="padding-left: {{ $level * 1 }}rem;">
        {{ $title }}
        <i class="fas fa-chevron-down mobile-dropdown-icon"></i>
    </a>
    <ul class="mobile-dropdown-menu" id="{{ $itemId }}">
        @include('components.website.mobile-menu-item', [
        'items' => $item->children,
        'isMobile' => true,
        'isChild' => true,
        'level' => $level + 1
        ])
    </ul>
</li>
@else
<li class="mobile-nav-item">
    <a href="{{ url()->to($item->url) }}"
        class="mobile-nav-link {{ $isActive }}"
        style="padding-left: {{ $level * 1 }}rem;">
        {{ $title }}
    </a>
</li>
@endif
@endforeach