@props([
    'routeName',
    'iconPath',
    'label',
    'submenu' => [],
    'routeParams' => [],
    'dynamicRoutes' => [],
    'permissionKey' => [],
])

@php
    $isActive = $routeName ? request()->routeIs($routeName) : false;

    if (!$isActive && count($submenu) > 0) {
        foreach ($submenu as $subitem) {
            if (request()->routeIs($subitem['route'])) {
                $isActive = true;
                break;
            }
        }
    }

    // Check if the current route matches any of the dynamic routes
    $isActive =
        $isActive ||
        collect($dynamicRoutes)->contains(function ($route) {
            return request()->routeIs($route);
        });

    // Check if the user has the necessary permissions
    $hasPermission = true;

    if (!empty($permissionKey)) {
        if (!auth()->user()->hasPermissionTo($permissionKey)) {
            $hasPermission = false;
        }
    }
@endphp

@if($hasPermission)
    <li class="nav-item {{ $isActive ? 'menu-is-opening menu-open' : '' }}">
        <a href="{{ isset($routeName) && $routeName ? route($routeName, $routeParams ?? []) : '#' }}"
           class="nav-link {{ isset($isActive) && $isActive ? 'active' : '' }}">
            <img src="{{ isset($iconPath) ? $iconPath : 'images/default-icon.svg' }}">
            <p>
                {{ $label }}
                {{-- @if(count($submenu) > 0) --}}
                <i class="right fas fa-angle-right"></i>
                {{-- @endif --}}
            </p>
        </a>

        {{--        <a href="{{ $routeName ? route($routeName, $routeParams ?? []) : '#' }}"--}}
{{--           class="nav-link {{ $isActive ? 'active' : '' }}">--}}
{{--            <img src="{{$iconPath}}"></img>--}}
{{--            <p>--}}
{{--                {{ $label }}--}}
{{--                @if(count($submenu) > 0)--}}
{{--                    <i class="right fas fa-angle-right"></i>--}}
{{--                @endif--}}
{{--            </p>--}}
{{--        </a>--}}

        @if(count($submenu) > 0)
            <ul class="nav nav-treeview">
                @foreach($submenu as $subitem)
                    <x-nav-item :routeName="$subitem['route']" :permissionKey="$subitem['permissionKey']" :iconClass="$subitem['icon']"  :label="$subitem['label']"
                                :dynamicRoutes="$dynamicRoutes"/>
                @endforeach
            </ul>
        @endif
    </li>
@endif