@if(auth()->user()->hasRole(['admin']) || auth()->user()->hasPermissionTo('Can Access Admin Panel'))
<div class="side-content-wrap">
    <div class="sidebar-left open rtl-ps-none" data-perfect-scrollbar data-suppress-scroll-x="true">
        <ul class="navigation-left">
            @if(auth()->user()->hasRole(['admin']) || auth()->user()->hasPermissionTo('Can Add Employees'))
            <li class="nav-item {{ request()->is('admin/user/*') ? 'active' : '' }} {{ request()->is('admin/user/*') ? 'active' : '' }}" data-item="employees">
                <a class="nav-item-hold" href="#">
                    <i class="nav-icon i-Business-ManWoman"></i>
                    <span class="nav-text">Employees</span>
                </a>
                <div class="triangle"></div>
            </li>
            @endif

            @if(auth()->user()->hasRole(['admin']) || auth()->user()->hasPermissionTo('Can Manage Company Categories'))
            <li class="nav-item {{ request()->is('admin/category/*') ? 'active' : '' }} {{ request()->is('admin/category/*') ? 'active' : '' }}" data-item="categories">
                <a class="nav-item-hold" href="#">
                    <i class="nav-icon i-Big-Data"></i>
                    <span class="nav-text">Admin Modules</span>
                </a>
                <div class="triangle"></div>
            </li>
            @endif

            @if(auth()->user()->hasRole(['admin']) || auth()->user()->hasPermissionTo('Can Manage Company Permission Templates'))
            <li class="nav-item {{ request()->is(['admin/roles/*','admin/role/*']) ? 'active' : '' }}" data-item="roles">
                <a class="nav-item-hold" href="#">
                    <i class="nav-icon i-Medal-3"></i>
                    <span class="nav-text">Permissions Modules</span>
                </a>
                <div class="triangle"></div>
            </li>
            @endif

            @if(auth()->user()->hasRole(['admin']) || auth()->user()->hasPermissionTo('Can Manage Departments'))
            <li class="nav-item {{ request()->is(['admin/departments/*','admin/department/*']) ? 'active' : '' }}" data-item="departments">
                <a class="nav-item-hold" href="#">
                    <i class="nav-icon i-Network-Window"></i>
                    <span class="nav-text">Departments Modules</span>
                </a>
                <div class="triangle"></div>
            </li>
            @endif

            @if(auth()->user()->hasRole(['admin']))
            <li class="nav-item {{ request()->is(['admin/reviews/*','admin/reviews/*']) ? 'active' : '' }}" data-item="reviews">
                <a class="nav-item-hold" href="#">
                    <i class="nav-icon i-Stethoscope"></i>
                    <span class="nav-text">Reviews</span>
                </a>
                <div class="triangle"></div>
            </li>


            <li class="nav-item {{ request()->is(['admin/feedback_values/*','admin/feedback_values/*']) ? 'active' : '' }}" data-item="feedback_values">
                <a class="nav-item-hold" href="#">
                    <i class="fa-regular fa-message font-25"></i>
                    <span class="nav-text">Feedback values</span>
                </a>
                <div class="triangle"></div>
            </li>
            <li class="nav-item {{ request()->is(['admin/problem_topics/*']) ? 'active' : '' }}" data-item="ProblemTopics">
                <a class="nav-item-hold" href="#">
                    <i class="fa-solid fa-file-circle-plus font-25"></i>
                    <span class="nav-text">Problem Topics</span>
                </a>
                <div class="triangle"></div>
            </li>

            @endif

            @if(auth()->user()->hasRole(['admin']) || auth()->user()->hasPermissionTo('Can Access Admin Checklist'))
            <li class="nav-item {{ request()->is(['admin/checklist/*','admin/checklist/*']) ? 'active' : '' }}" data-item="checklist">
                <a class="nav-item-hold" href="#">
                    <i class="nav-icon i-Check"></i>
                    <span class="nav-text">Checklists</span>
                </a>
                <div class="triangle"></div>
            </li>
            @endif

                        <li class="nav-item" title="Exit from admin dashboard" >
                <a class="nav-item-hold" href="{{route('dashboard')}}">
                    <i class="nav-icon i-Back1 text-danger"></i>
                    <span class="nav-text">Exit</span>
                </a>
                <div class="triangle"></div>
            </li>
        </ul>

    </div>

<div class="sidebar-left-secondary rtl-ps-none" data-perfect-scrollbar data-suppress-scroll-x="true">
<i class="sidebar-close i-Close" (click)="toggelSidebar()"></i>
<header>
<div class="logo">
    <a href="{{ route('admin.dashboard') }}"> <img src="{{asset('assets/images/logo.png')}}" alt=""></a>
</div>
</header>
<!-- Submenu Dashboards -->
<div class="submenu-area" data-parent="employees">
<header data-parent="roles">
    <h6>Employees</h6>
    <p>Modules</p>
</header>
<ul class="childNav" data-parent="roles">
    <li class="nav-item">
        <a class="{{ Route::currentRouteName()=='admin.user.index' ? 'open' : '' }}"
           href="{{route('admin.user.index')}}">
            <i class="nav-icon i-File-Clipboard-Text--Image"></i>
            <span class="item-name">Employees</span>
        </a>
    </li>
</ul>
</div>
<div class="submenu-area" data-parent="categories">
<header data-parent="roles">
    <h6>Categories</h6>
    <p>Modules</p>
</header>
<ul class="childNav" data-parent="roles">
    <li class="nav-item">
        <a class="{{ Route::currentRouteName()=='categories.index' ? 'open' : '' }}"
           href="{{route('admin.categories.index')}}">
            <i class="nav-icon i-File-Clipboard-Text--Image"></i>
            <span class="item-name">Categories</span>
        </a>
    </li>
</ul>
</div>
<div class="submenu-area" data-parent="roles">
<header data-parent="roles">
    <h6>Permissions</h6>
    <p>Modules</p>
</header>
<ul class="childNav" data-parent="roles">


        <li class="nav-item">
            <a class="{{ Route::currentRouteName()=='admin.permissions.index' ? 'open' : '' }}"
               href="{{route('admin.permissions.index')}}">
                <i class="nav-icon i-File-Clipboard-Text--Image"></i>
                <span class="item-name">Permissions</span>
            </a>
        </li>

</ul>
</div>
<div class="submenu-area" data-parent="departments">
<header data-parent="departments">
    <h6>Departments</h6>
    <p>Modules</p>
</header>
<ul class="childNav" data-parent="departments">


    <li class="nav-item">
        <a class="{{ Route::currentRouteName()=='departments.index' ? 'open' : '' }}"
           href="{{route('departments.index')}}">
            <i class="nav-icon i-File-Clipboard-Text--Image"></i>
            <span class="item-name">Departments</span>
        </a>
    </li>
    <li class="nav-item">
        <a class="{{ Route::currentRouteName()=='admin.teams.index' ? 'open' : '' }}"
           href="{{route('admin.teams.index')}}">
            <i class="nav-icon i-File-Clipboard-Text--Image"></i>
            <span class="item-name">Teams</span>
        </a>
    </li>
</ul>
</div>
<div class="submenu-area" data-parent="reviews">
<header data-parent="reviews">
    <h6>Reviews</h6>
    <p></p>
</header>
<ul class="childNav" data-parent="reviews">


    <li class="nav-item">
        <a class="{{ Route::currentRouteName()=='reviews.index' ? 'open' : '' }}"
           href="{{route('admin.reviews.index')}}">
            <i class="nav-icon i-File-Clipboard-Text--Image"></i>
            <span class="item-name">Reviews Templates</span>
        </a>
    </li>
</ul>
</div>
<!--trainings submenu-->
<div class="submenu-area" data-parent="trainings">
<header data-parent="departments">
    <h6>Trainings</h6>
    <p>Modules</p>
</header>
<ul class="childNav" data-parent="departments">
    <li class="nav-item">
        <a class="{{ Route::currentRouteName()=='admin.training.index' ? 'open' : '' }}"
           href="{{route('admin.training.index')}}">
            <i class="nav-icon i-File-Clipboard-Text--Image"></i>
            <span class="item-name">Trainings</span>
        </a>
    </li>
</ul>
</div>

<div class="submenu-area" data-parent="feedback_values">
<header data-parent="roles">
    <h6>Feedback values</h6>
</header>
<ul class="childNav" data-parent="roles">
    <li class="nav-item">
        <a class="{{ Route::currentRouteName()=='feedback_values.index' ? 'open' : '' }}"
           href="{{route('admin.feedbackValues.index')}}">
            <i class="nav-icon i-File-Clipboard-Text--Image"></i>
            <span class="item-name">List</span>
        </a>
    </li>
</ul>
</div>

<div class="submenu-area" data-parent="checklist">
<header data-parent="checklist">
    <h6>Checklists</h6>
    <p></p>
</header>
<ul class="childNav" data-parent="checklist">


    <li class="nav-item">
        <a class="{{ Route::currentRouteName()=='checklist.index' ? 'open' : '' }}"
           href="{{route('admin.checklist.index')}}">
            <i class="nav-icon i-File-Clipboard-Text--Image"></i>
            <span class="item-name">Manage Checklist</span>
        </a>
    </li>
    <li class="nav-item">
        <a class="{{ Route::currentRouteName()=='journals.index' ? 'open' : '' }}"
           href="{{route('admin.journals.index')}}">
            <i class="nav-icon i-File-Clipboard-Text--Image"></i>
            <span class="item-name">Manage Journals</span>
        </a>
    </li>
</ul>
</div>
<div class="submenu-area" data-parent="ProblemTopics" style="display:{{ Route::currentRouteName()=='admin.problemTopics.index' ? 'block' : 'none' }}">
<header data-parent="checklist">
    <h6>Problem Topics</h6>
    <p></p>
</header>
<ul class="childNav" data-parent="ProblemTopics">


    <li class="nav-item">

        <a class="{{ Route::currentRouteName()=='admin.problemTopics.index' ? 'open' : '' }}" href="{{route('admin.problemTopics.index')}}">
            <i class="nav-icon i-File-Clipboard-Text--Image"></i>
            <span class="item-name">Manage Problem Topics</span>
        </a>
    </li>
</ul>
</div>

</div>
<div class="sidebar-overlay"></div>
</div>
<!--=============== Left side End ================-->
@endif