@php
    $class = isset($className) ? $className : 'side-menu'
@endphp

@if ($menu == 'devider')
    <li class="side-nav__devider my-2"></li>
@elseif ($menu == 'modules')
    @include('layout.components.element-menu-modules', ['modules' => $moduleMenu ?? []])
@else
    <li>
        <a href="{{ isset($menu['route']) ? route($menu['route']) : 'javascript:;' }}"
            @if (isset($menu['active']))
               class="{{ Request::is($menu['active']) ? "$class $class--active" : $class }}">
            @else
                class="{{$class}}">
            @endif
            <div class="{{ $class }}__icon">
                <i data-feather="{{ $menu['icon'] }}"></i>
            </div>
            <div class="{{ $class }}__title">
                {{ $menu['title'] }}
                @if (isset($menu['sub_menu']))
                    <i data-feather="chevron-down" class="{{ $class }}__sub-icon"></i>
                @endif
            </div>
        </a>

        @if (isset($menu['sub_menu']))
            <ul class="{{ isset($menu['active']) && Request::is($menu['active']) ? $class . '__sub-open' : '' }}">
                @foreach ($menu['sub_menu'] as $subMenu)
                    @if (!isset($subMenu['roles']) || (isset($subMenu['roles']) && Auth::user()->hasRole([$subMenu['roles']])))
                        <li>
                            @if (isset($subMenu['sub_menu']))
                                @include('layout.components.element-menu', ['menu' => $subMenu])
                            @else
                                <a href="{{ isset($subMenu['route']) ? route($subMenu['route']) : 'javascript:;' }}" class="{{ Request::is($subMenu['active']) ? "$class $class--active" : $class }}">
                                    <div class="{{$class}}__icon">
                                        <i data-feather="{{ isset($subMenu['icon']) ? $subMenu['icon'] : '' }}"></i>
                                    </div>
                                    <div class="{{$class}}__title">
                                        {{ $subMenu['title'] }}
                                        @if (isset($subMenu['sub_menu']))
                                            <i data-feather="chevron-down" class="{{$class}}__sub-icon"></i>
                                        @endif
                                    </div>
                                </a>
                            @endif
                        </li>
                    @endif
                @endforeach
            </ul>
        @endif
    </li>
@endif