@php 
    $logoDark   = App::getLocale() == 'en' ? 'build/images/logo-dark.png' : 'build/images/logo-dark-2.png';
    $logoLight  = App::getLocale() == 'en' ? 'build/images/logo-light.png' : 'build/images/logo-light-2.png';

    if($appLogo != 'storage/'){
        $logoLight  = $appLogo;
        $logoDark   = $appLogo;
    }
@endphp
<div class="app-menu navbar-menu">
    <div class="navbar-brand-box">
        <a href="index" class="logo logo-dark">
            <span class="logo-sm">
                <img src="{{ URL::asset('build/images/logo-sm.png') }}?v={{ time() }}" alt="" height="22">
            </span>
            <span class="logo-lg">
                <img src="{{ URL::asset($logoDark) }}?v={{ time() }}" alt="" height="30">
            </span>
        </a>
        <a href="index" class="logo logo-light">
            <span class="logo-sm">
                <img src="{{ URL::asset('build/images/logo-sm.png') }}?v={{ time() }}" alt="" height="22">
            </span>
            <span class="logo-lg">
                <img src="{{ URL::asset($logoLight) }}?v={{ time() }}" alt="" height="30">
            </span>
        </a>
        <button type="button" class="btn btn-sm p-0 fs-20 header-item float-end btn-vertical-sm-hover" id="vertical-hover">
            <i class="ri-record-circle-line"></i>
        </button>
    </div>

    <div id="scrollbar">
        <div class="container-fluid">
            <div id="two-column-menu"></div>
            <ul class="navbar-nav" id="navbar-nav">
                <li class="menu-title"><span>@lang('translation.menu')</span></li>
                @foreach($modules as $module)
                    <li class="nav-item">
                        <a class="nav-link menu-link {{ Route::is($module->route_name.'.*') ? 'active collapsed' : '' }}" href="{!! $module->children->isNotEmpty() ? '#sidebar.'.$module->route_name : $module->url !!}" title="@lang('translation.sf_menus.'.$module->translation)" {!! $module->children->isNotEmpty() ? 'data-bs-toggle="collapse"' : '' !!} role="button" aria-expanded="false" aria-controls="sidebar.{{$module->route_name}}">
                            <div class="custom-icon-class avatar-title rounded-circle">
                                <img src="{{ URL::asset($module->image_url) }}?v={{ time() }}" class="img-fluid" alt="">
                            </div>
                            <span class="mx-2">@lang('translation.sf_menus.'.$module->translation)</span>
                        </a>
                        @if($module->children->isNotEmpty())
                        <div class="collapse menu-dropdown {{ Route::is($module->route_name.'.*') ? 'collapse show' : '' }}" id="sidebar.{{$module->route_name}}">
                            <ul class="nav nav-sm flex-column">
                                @foreach($module->children as $child)
                                    @php
                                        $role = $child->roles->find($roleId);
                                        $permission = isset($role->pivot) && $role->pivot->view === 1 ? true : false;
                                    @endphp
                                    @if($permission)
                                    <li class="nav-item">
                                        <a href="{{$child->url}}" class="nav-link {{ Route::is($child->route_name) ? 'active' : '' }}">@lang('translation.sf_menus.'.$child->translation)</a>
                                    </li>
                                    @endif
                                @endforeach
                            </ul>
                        </div>
                        @endif
                    </li>
                @endforeach

            </ul>
        </div>
    </div>
    <div class="sidebar-background"></div>
</div>
<div class="vertical-overlay"></div>