@canany([
    'users.create', 'users.read', 'users.edit', 'users.delete',
    'roles.create', 'roles.read', 'roles.edit', 'roles.delete'
])
    <div class="menu-item">
        <div class="menu-content pt-8 pb-2">
            <span class="menu-section text-muted text-uppercase fs-8 ls-1">{{ TranslationManager::translate('Users') }}</span>
        </div>
    </div>

    {{-- Admins --}}
    @canany(['users.create', 'users.read', 'users.edit', 'users.delete'])
        <div data-kt-menu-trigger="click"
            class="{{ Route::is('admin.admins.*') ? 'show' : '' }} menu-item menu-accordion">
            <span class="menu-link">
                <span class="menu-icon">
                    <span class="svg-icon svg-icon-2">
                        <i class="fas fa-user-tie"></i>
                    </span>
                </span>
                <span class="menu-title">{{ TranslationManager::translate('Admins') }}</span>
                <span class="menu-arrow"></span>
            </span>

            <div class="menu-sub menu-sub-accordion menu-active-bg">
                @can('users.create')                    
                    <div class="menu-item">
                        <a class="menu-link {{ Route::is('admin.admins.create') ? 'active' : '' }}"
                            href="{{ route('admin.admins.create') }}">
                            <span class="menu-bullet">
                                <span class="bullet bullet-dot"></span>
                            </span>
                            <span class="menu-title">{{ TranslationManager::translate('Create') }}</span>
                        </a>
                    </div>
                @endcan
                @canany(['users.read', 'users.edit', 'users.delete'])
                    <div class="menu-item">
                        <a class="menu-link {{ (!Route::is('admin.admins.create') && Route::is('admin.admins.*')) ? 'active' : '' }}"
                            href="{{ route('admin.admins.index') }}">
                            <span class="menu-bullet">
                                <span class="bullet bullet-dot"></span>
                            </span>
                            <span class="menu-title">{{ TranslationManager::translate('View') }}</span>
                        </a>
                    </div>
                @endcanany
            </div>
        </div>
    @endcanany

    @canany(['roles.create', 'roles.read', 'roles.edit', 'roles.delete'])
        <div data-kt-menu-trigger="click"
            class="{{ Route::is('admin.roles.*') ? 'show' : '' }} menu-item menu-accordion">
            <span class="menu-link">
                <span class="menu-icon">
                    <span class="svg-icon svg-icon-2">
                        <i class="fas fa-list"></i>
                    </span>
                </span>
                <span class="menu-title">{{ TranslationManager::translate('Roles') }}</span>
                <span class="menu-arrow"></span>
            </span>

            <div class="menu-sub menu-sub-accordion menu-active-bg">
                @can('roles.create')
                    <div class="menu-item">
                        <a class="menu-link {{ Route::is('admin.roles.create') ? 'active' : '' }}"
                            href="{{ route('admin.roles.create') }}">
                            <span class="menu-bullet">
                                <span class="bullet bullet-dot"></span>
                            </span>
                            <span class="menu-title">{{ TranslationManager::translate('Create') }}</span>
                        </a>
                    </div>
                @endcan
                @canany(['roles.read', 'roles.edit', 'roles.delete'])
                    <div class="menu-item">
                        <a class="menu-link {{ (!Route::is('admin.roles.create') && Route::is('admin.roles.*')) ? 'active' : '' }}"
                            href="{{ route('admin.roles.index') }}">
                            <span class="menu-bullet">
                                <span class="bullet bullet-dot"></span>
                            </span>
                            <span class="menu-title">{{ TranslationManager::translate('View') }}</span>
                        </a>
                    </div>
                @endcanany
            </div>
        </div>
    @endcanany

    @canany(['users.create', 'users.read', 'users.edit', 'users.delete'])
        <div data-kt-menu-trigger="click"
            class="{{ Route::is('admin.instructors.*') ? 'show' : '' }} menu-item menu-accordion">
            <span class="menu-link">
                <span class="menu-icon">
                    <span class="svg-icon svg-icon-2">
                        <i class="fas fa-chalkboard-teacher"></i>
                    </span>
                </span>
                <span class="menu-title">{{ TranslationManager::translate('Instructors') }}</span>
                <span class="menu-arrow"></span>
            </span>

            <div class="menu-sub menu-sub-accordion menu-active-bg">
                @can('users.create')
                    <div class="menu-item">
                        <a class="menu-link {{ Route::is('admin.instructors.create') ? 'active' : '' }}"
                            href="{{ route('admin.instructors.create') }}">
                            <span class="menu-bullet">
                                <span class="bullet bullet-dot"></span>
                            </span>
                            <span class="menu-title">{{ TranslationManager::translate('Create') }}</span>
                        </a>
                    </div>                    
                @endcan
                @canany(['users.read', 'users.edit', 'users.delete'])
                    <div class="menu-item">
                        <a class="menu-link {{ (!Route::is('admin.instructors.create') && Route::is('admin.instructors.*')) ? 'active' : '' }}"
                            href="{{ route('admin.instructors.index') }}">
                            <span class="menu-bullet">
                                <span class="bullet bullet-dot"></span>
                            </span>
                            <span class="menu-title">{{ TranslationManager::translate('View') }}</span>
                        </a>
                    </div>

                @endcanany
            </div>
        </div>
    @endcanany

    @canany(['users.create', 'users.read', 'users.edit', 'users.delete'])
        <div data-kt-menu-trigger="click"
            class="{{ Route::is('admin.students.*') ? 'show' : '' }} menu-item menu-accordion">
            <span class="menu-link">
                <span class="menu-icon">
                    <span class="svg-icon svg-icon-2">
                        <i class="fas fa-users"></i>
                    </span>
                </span>
                <span class="menu-title">{{ TranslationManager::translate('Students') }}</span>
                <span class="menu-arrow"></span>
            </span>

            <div class="menu-sub menu-sub-accordion menu-active-bg">
                @can('users.create')
                    <div class="menu-item">
                        <a class="menu-link {{ Route::is('admin.students.create') ? 'active' : '' }}"
                            href="{{ route('admin.students.create') }}">
                            <span class="menu-bullet">
                                <span class="bullet bullet-dot"></span>
                            </span>
                            <span class="menu-title">{{ TranslationManager::translate('Create') }}</span>
                        </a>
                    </div>
                @endcan
                @canany(['users.read', 'users.edit', 'users.delete'])
                    <div class="menu-item">
                        <a class="menu-link {{ (! Route::is('admin.students.create') && Route::is('admin.students.*'))  ? 'active' : '' }}"
                            href="{{ route('admin.students.index') }}">
                            <span class="menu-bullet">
                                <span class="bullet bullet-dot"></span>
                            </span>
                            <span class="menu-title">{{ TranslationManager::translate('View') }}</span>
                        </a>
                    </div>
                @endcanany
            </div>
        </div>
    @endcanany
@endcanany