@canany(['courses.create', 'courses.read', 'courses.edit', 'courses.delete',
'categories.create', 'categories.edit', 'categories.delete', 'categories.read',
'levels.create', 'levels.edit', 'levels.delete', 'levels.read',
'certificates.read'])
    <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('Courses') }}</span>
        </div>
    </div>

    {{-- Category --}}
    @canany(['categories.create', 'categories.read', 'categories.edit', 'categories.delete'])
        <div data-kt-menu-trigger="click"
            class="{{ Route::is('admin.categories.*') ? '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('Categories') }}</span>
                <span class="menu-arrow"></span>
            </span>

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

    {{-- Level --}}
    @canany(['levels.create', 'levels.read', 'levels.edit', 'levels.delete'])
        <div data-kt-menu-trigger="click"
            class="{{ Route::is('admin.levels.*') ? '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('Levels') }}</span>
                <span class="menu-arrow"></span>
            </span>

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

    {{-- Course --}}
    @canany(['courses.create', 'courses.read', 'courses.edit', 'courses.delete'])
        <div data-kt-menu-trigger="click"
            class="{{ Route::is('admin.courses.*') ? '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('Courses') }}</span>
                <span class="menu-arrow"></span>
            </span>

            <div class="menu-sub menu-sub-accordion menu-active-bg">
                @can('courses.create')
                    <div class="menu-item">
                        <a class="menu-link {{ Route::is('admin.courses.create') ? 'active' : '' }}"
                            href="{{ route('admin.courses.create') }}">
                            <span class="menu-bullet">
                                <span class="bullet bullet-dot"></span>
                            </span>
                            <span class="menu-title">{{ TranslationManager::translate('Create') }}</span>
                        </a>
                    </div>
                @endcan
                @canany(['courses.read', 'courses.edit', 'courses.delete'])
                    <div class="menu-item">
                        <a class="menu-link {{ (!Route::is('admin.courses.create') && Route::is('admin.courses.*')) ? 'active' : '' }}"
                            href="{{ route('admin.courses.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>
        <div class="{{ Route::is('admin.courses-completing-percentage.*')  ? 'show' : '' }} menu-item">
            <a href="{{ route('admin.courses-completing-percentage.index') }}" 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('Courses Completing Percentage') }}</span>
            </a>
        </div>
    @endcanany

    
    
    @canany(['professionalCertificate.create', 'professionalCertificate.read', 'professionalCertificate.edit', 'professionalCertificates.delete'])
        <div data-kt-menu-trigger="click"
            class="{{ Route::is('admin.professionalCertificates.*') ? '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('Professional Certificates') }}</span>
                <span class="menu-arrow"></span>
            </span>

            <div class="menu-sub menu-sub-accordion menu-active-bg">
                @can('professionalCertificate.create')
                    <div class="menu-item">
                        <a class="menu-link {{ Route::is('admin.professionalCertificates.create') ? 'active' : '' }}"
                            href="{{ route('admin.professionalCertificates.create') }}">
                            <span class="menu-bullet">
                                <span class="bullet bullet-dot"></span>
                            </span>
                            <span class="menu-title">{{ TranslationManager::translate('Create') }}</span>
                        </a>
                    </div>
                @endcan
                @canany(['professionalCertificate.read', 'professionalCertificate.edit', 'professionalCertificate.delete'])
                    <div class="menu-item">
                        <a class="menu-link {{ (!Route::is('admin.professionalCertificates.create') && Route::is('admin.professionalCertificates.*')) ? 'active' : '' }}"
                            href="{{ route('admin.professionalCertificates.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(['certificates.read'])
        <div class="{{ Route::is('admin.pending-certificates.*')  ? 'show' : '' }} menu-item">
            <a href="{{ route('admin.pending-certificates.index') }}" class="menu-link">
                <span class="menu-icon">
                    <span class="svg-icon svg-icon-2">
                        <i class="fas fa-certificate"></i>
                    </span>
                </span>
                <span class="menu-title">{{ TranslationManager::translate('Pending Certificates') }}</span>
            </a>
        </div>

        <div class="{{ Route::is('admin.certificates-log.*')  ? 'show' : '' }} menu-item">
            <a href="{{ route('admin.certificates-log.index') }}" 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('Certificates Log') }}</span>
            </a>
        </div>
    @endcanany
@endcanany