<aside class="main-sidebar sidebar-light-primary elevation-4">
    <a href="#" onclick="event.preventDefault();" class="brand-link">
        <img src="{{ auth()->user()->avatar }}" alt="تصویر کاربر" class="brand-image img-circle elevation-3"
             style="opacity: .8">
        <span class="brand-text font-weight-light">{{ auth()->user()->name ?: 'مدیریت سایت' }}</span>
    </a>
    <div class="sidebar" style="direction: ltr">
        <div style="direction: rtl">
            <nav class="mt-2">
                <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
                    @foreach(\App\MenuFactory::build() as $menu)
                        @canany($menu['permissions'])
                            @if(isset($menu['children']) && $menu['children'])
                                <li class="nav-item has-treeview @if(isset($menu['active']) && $menu['active']) menu-open @endif">
                                    <a href="#" class="nav-link @if(isset($menu['active']) && $menu['active']) active @endif">
                                        <i class="nav-icon fa fa-{{$menu['icon']}}"></i>
                                        <p>
                                            {{ $menu['label'] }}
                                            <i class="right fa fa-angle-left"></i>
                                        </p>
                                    </a>
                                    <ul class="nav nav-treeview">
                                        @foreach($menu['children'] as $child)
                                            @canany($child['permissions'])
                                                <li class="nav-item">
                                                    <a href="{{ route($child['route_name']) }}" class="nav-link @if(isset($child['active']) && $child['active']) active @endif">
                                                        <i class="fa fa-{{ $child['icon'] }} nav-icon"></i>
                                                        <p>{{ $child['label'] }}</p>
                                                    </a>
                                                </li>
                                            @endcanany
                                        @endforeach
                                    </ul>
                                </li>
                            @else
                                <li class="nav-item">
                                    <a href="{{ route($menu['route_name']) }}" class="nav-link @if(isset($menu['active']) && $menu['active']) active @endif">
                                        <i class="nav-icon fa fa-{{ $menu['icon'] }}"></i>
                                        <p>
                                            {{ $menu['label'] }}
                                        </p>
                                    </a>
                                </li>
                            @endif
                        @endcanany
                    @endforeach
                </ul>
            </nav>
        </div>
    </div>
</aside>