@use('App\Services\PermissionsService')
@use('Illuminate\Support\Facades\Route')
<nav id="sidebar">
    <!-- Sidebar Content -->
    <div class="sidebar-content">
        <!-- Side Header -->
        <div class="content-header justify-content-lg-center border-bottom border-end">
            <!-- Logo -->
             <div>
                <span class="smini-visible fw-bold tracking-wide fs-lg">
                    IM
                    <span class="text-primary">ROS</span>
                </span>
                <a class="link-fx fw-bold" href="#">
                    <img src="{{ asset('media/favicons/favicon.png') }}" alt="favicon" width="32" height="32" class="align-middle me-2">
                    <span class="fs-4 text-body-color">IM</span><span class="fs-4">ROS</span>
                </a>
            </div>

            <!-- Options -->
            <div>
                <button type="button" class="btn btn-sm btn-alt-danger d-lg-none" data-toggle="layout" data-action="sidebar_close">
                    <i class="fa fa-fw fa-times"></i>
                </button>
            </div>
            <!-- END Options -->
        </div>
        <!-- END Side Header -->

        <!-- Sidebar Scrolling -->
        <div class="js-sidebar-scroll">

            <!-- Side Navigation -->
            <div class="content-side content-side-full">
                <ul class="nav-main">
                    <li class="nav-main-item">
                        <a class="nav-main-link {{ (Route::currentRouteName() === 'dashboard.index') ? 'text-primary' : '' }}" href="{{ route('dashboard.index') }}">
                            <i class="nav-main-link-icon fas fa-tachometer-alt" style="width: 30px;"></i>
                            <span class="nav-main-link-name">{{__('general.dashboard')}}</span>
                        </a>
                    </li>
                    @foreach($sideMenu??[] as $menuParentKey => $menuParent)
                        @php
                            $menuChildren = array_map(function ($menu) {
                                $menu['can_read'] = app(PermissionsService::class)->hasPermission('read', $menu['module_type']);
                                return $menu;
                            }, $menuParent['children']);
                            $isOpen = boolval(collect($menuParent['children'])->first(function ($val, $key) {
                                return $val['module_type'] === request()->segment(1);
                            }));
                            $countCannotRead = collect($menuChildren)->where('can_read', '=', false)->count();
                        @endphp
                        @if(count($menuChildren) !== $countCannotRead)
                            <li class="nav-main-item {{ $isOpen ? 'open':'' }}">
                                <a class="nav-main-link nav-main-link-submenu" data-toggle="submenu" aria-haspopup="true" aria-expanded="true" href="javascript:void(0);">
                                    <i class="nav-main-link-icon {{ $menuParent['icon'] }}" style="width: 30px;"></i>
                                    <span class="nav-main-link-name">{{ __('module.' . $menuParentKey) }}</span>
                                </a>
                                <ul class="nav-main-submenu">
                                    @foreach ($menuChildren as $menuKey => $menu)
                                        @php
                                            $hasRoute = Route::has($menu['route']);
                                        @endphp
                                        @if($menu['can_read'] ?? false)
                                            <li class="nav-main-item">
                                                <a class="nav-main-link {{ request()->segment(1) === $menu['module_type'] ? 'active' : (!$hasRoute ? 'text-gray-400' : '') }}" href="{{ $hasRoute ? route($menu['route']) : 'javascript:void(0);' }}">
                                                    <span class="nav-main-link-name">{{ __('module.' . $menuKey) }}</span>
                                                </a>
                                            </li>
                                        @endif
                                    @endforeach
                                </ul>
                            </li>
                        @endif
                    @endforeach
                </ul>
            </div>
            <!-- END Side Navigation -->
        </div>
        <!-- END Sidebar Scrolling -->
    </div>
    <!-- Sidebar Content -->
    <div style="height:40px;width:100%;position:absolute;bottom:0;" class="mb-2">
        <div class="row p-0 m-0">
            <div class="col-12 p-0 m-0">
                <div class=" py-1 text-end text-sm-end pe-2 pt-4">
                    <a class="fw-semibold p-0 m-0" style="font-size: xx-small;">
                        <span>
                            V{{env('APP_VERSION')}}{{" \x20\x62\x79\x20\x42\x61\x68\x79\x75\x20\x53\x61\x6e\x63\x69\x6b\x6f"}}
                        </span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</nav>
<!-- END Sidebar -->