@if(Auth::user()->can('view system categories'))
    <div class="menu-item {{ Request::is('admin/requirment-categories*') ? 'hover show active' : '' }}">
        <a class="menu-link {{ Request::is('admin/requirment-categories*') ? 'active' : '' }}"
        href="{{ route('admin.requirment-categories.index') }}">
            <span class="menu-icon"><i class="fas fa-list"></i></span>
            <span class="menu-title">Requirement Categories</span>
        </a>
    </div>
@endif

@if(Auth::user()->can('view stages'))
    <div class="menu-item {{ Request::is('admin/stages*') ? 'hover show active' : '' }}">
        <a class="menu-link {{ Request::is('admin/stages*') ? 'active' : '' }}"
        href="{{ route('admin.stages.index') }}">
            <span class="menu-icon"><i class="fas fa-list"></i></span>
            <span class="menu-title">Stages</span>
        </a>
    </div>
@endif

@if(Auth::user()->can('view mat assurances'))
    <div class="menu-item {{ Request::is('admin/mat-assurances*') ? 'hover show active' : '' }}">
        <a class="menu-link {{ Request::is('admin/mat-assurances*') ? 'active' : '' }}"
        href="{{ route('admin.mat-assurances.index') }}">
            <span class="menu-icon"><i class="fas fa-list"></i></span>
            <span class="menu-title">Mat Assurances</span>
        </a>
    </div>
@endif

@if(Auth::user()->can('view mat frequencies'))
    <div class="menu-item {{ Request::is('admin/mat-frequencies*') ? 'hover show active' : '' }}">
        <a class="menu-link {{ Request::is('admin/mat-frequencies*') ? 'active' : '' }}"
        href="{{ route('admin.mat-frequencies.index') }}">
            <span class="menu-icon"><i class="fas fa-list"></i></span>
            <span class="menu-title">Mat Frequencies</span>
        </a>
    </div>
@endif

@if(Auth::user()->can('view verification activities'))
    <div class="menu-item {{ Request::is('admin/verification-activities*') ? 'hover show active' : '' }}">
        <a class="menu-link {{ Request::is('admin/verification-activities*') ? 'active' : '' }}"
        href="{{ route('admin.verification-activities.index') }}">
            <span class="menu-icon"><i class="fas fa-list"></i></span>
            <span class="menu-title">Verification Activities</span>
        </a>
    </div>
@endif

@if(Auth::user()->can('view verification frequencies'))
    <div class="menu-item {{ Request::is('admin/verification-frequencies*') ? 'hover show active' : '' }}">
        <a class="menu-link {{ Request::is('admin/verification-frequencies*') ? 'active' : '' }}"
        href="{{ route('admin.verification-frequencies.index') }}">
            <span class="menu-icon"><i class="fas fa-list"></i></span>
            <span class="menu-title">Verification Frequencies</span>
        </a>
    </div>
@endif

@if(Auth::user()->can('view verification by'))
    <div class="menu-item {{ Request::is('admin/verification-by*') ? 'hover show active' : '' }}">
        <a class="menu-link {{ Request::is('admin/verification-by*') ? 'active' : '' }}"
        href="{{ route('admin.verification-by.index') }}">
            <span class="menu-icon"><i class="fas fa-list"></i></span>
            <span class="menu-title">Verification By</span>
        </a>
    </div>
@endif

@if(Auth::user()->can('view references'))
    <div class="menu-item {{ Request::is('admin/references*') ? 'hover show active' : '' }}">
        <a class="menu-link {{ Request::is('admin/references*') ? 'active' : '' }}"
        href="{{ route('admin.references.index') }}">
            <span class="menu-icon"><i class="fas fa-list"></i></span>
            <span class="menu-title">References</span>
        </a>
    </div>
@endif

@if(Auth::user()->can('view systems'))
    <!-- <div class="menu-item {{ Request::is('admin/systems*') ? 'hover show active' : '' }}">
        <a class="menu-link {{ Request::is('admin/systems*') ? 'active' : '' }}"
        href="{{ route('admin.systems.index') }}">
            <span class="menu-icon"><i class="fas fa-list"></i></span>
            <span class="menu-title">Systems</span>
        </a>
    </div> -->

    <div data-kt-menu-trigger="click"
        class="{{ isset($currentSystem) ? 'hover show active' : ((Request::is('admin/systems*') || Request::is('admin/system-requirments*') || Request::is('admin/system-requirment-mats*')) ? 'hover show active' : '') }} menu-item menu-accordion">
        <span class="menu-link {{ Request::is('admin/systems*') ? 'active' : '' }} ">
            <span class="menu-icon">
                <span class="svg-icon svg-icon-2">
                     <i class="fas fa-list"></i>
                </span>
            </span>
            <span class="menu-title">Systems</span>
            <span class="menu-arrow"></span>
        </span>
        <div class="menu-sub menu-sub-accordion menu-active-bg">
            <div class="menu-item">
                <a class="menu-link"
                    href="{{ route('admin.systems.index') }}">
                    <span class="menu-bullet">
                        <span class="bullet bullet-dot"></span>
                    </span>
                    <span class="menu-title">All Systems</span>
                </a>
            </div>
            @foreach ($sidebarSystems as $system)
            <div data-kt-menu-trigger="click"
                class="{{ (isset($currentSystem) && $currentSystem->id == $system->id) ? 'hover show active' : ((Request::is('admin/systems*') || Request::is('admin/system-requirments*') || Request::is('admin/system-requirment-mats*')) ? 'hover show active' : '') }} menu-item menu-accordion">

                    <span class="menu-link">
                        <span class="menu-bullet">
                            <span class="bullet bullet-dot"></span>
                        </span>
                        <span class="menu-title">{{ $system->name }}</span>
                        <span class="menu-arrow"></span>
                    </span>
                    <div class="menu-sub menu-sub-accordion menu-active-bg">
                        <div class="{{ (isset($currentSystem) && $currentSystem->id == $system->id) ? 'hover show active' : ((Request::is('admin/systems*') || Request::is('admin/system-requirments*') || Request::is('admin/system-requirment-mats*')) ? 'hover show active' : '') }} menu-item not-hide">
                            <a class="menu-link"
                                href="{{ route('admin.systems.edit', $system->id) }}">
                                <span class="menu-bullet">
                                    <span class="bullet bullet-dot"></span>
                                </span>
                                <span class="menu-title">System Details</span>
                            </a>
                        </div>
                        @foreach ($system->requirements as $requirement)
                        <div data-kt-menu-trigger="click"
                            class="{{ (isset($currentRequirement) && $currentRequirement->id == $requirement->id) ? 'hover show active' : ((Request::is('admin/systems*') || Request::is('admin/system-requirments*') || Request::is('admin/system-requirment-mats*')) ? 'hover show active' : '') }} menu-item menu-accordion">
                                <span class="menu-link">
                                    <span class="menu-bullet">
                                        <span class="bullet bullet-dot"></span>
                                    </span>
                                    <span class="menu-title">{{ $requirement->name }}</span>
                                    <span class="menu-arrow"></span>
                                </span>
                                <div class="menu-sub menu-sub-accordion menu-active-bg">
                                    <div class="{{ (isset($currentRequirement) && $currentRequirement->id == $requirement->id) ? 'hover show active' : ((Request::is('admin/systems*') || Request::is('admin/system-requirments*') || Request::is('admin/system-requirment-mats*')) ? 'hover show active' : '') }} menu-item not-hide">
                                        <a class="menu-link" href="{{ route('admin.system-requirments.edit', $requirement->id) }}">
                                            <span class="menu-bullet">
                                                <span class="bullet bullet-dot"></span>
                                            </span>
                                            <span class="menu-title">Requirement Details</span>
                                        </a>
                                    </div>
                                    @foreach ($requirement->mats as $mat)
                                        <div class="{{ (isset($currentMat) && $currentMat->id == $mat->id) ? 'hover show active' : ((Request::is('admin/systems*') || Request::is('admin/system-requirments*') || Request::is('admin/system-requirment-mats*')) ? 'hover show active' : '') }} menu-item">
                                            <a class="menu-link" href="{{ route('admin.system-requirment-mat.edit', $mat->id) }}">
                                                <span class="menu-bullet">
                                                    <span class="bullet bullet-dot"></span>
                                                </span>
                                                <span class="menu-title">{{ $mat->description }}</span>
                                            </a>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>             
            @endforeach

        </div>
    </div>
@endif

@if(Auth::user()->can('view projects'))
    <div class="menu-item {{ Request::is('admin/projects*') ? 'hover show active' : '' }}">
        <a class="menu-link {{ Request::is('admin/projects*') ? 'active' : '' }}"
        href="{{ route('admin.projects.index') }}">
            <span class="menu-icon"><i class="fas fa-list"></i></span>
            <span class="menu-title">Projects</span>
        </a>
    </div>
@endif