@php
    $current_page = Route::currentRouteName();
@endphp
<style>


</style>
<div class="sidebar shadow">
    <a href="#" class="logo  pb-3">
        <img src="{{asset('img/logo.png')}}" width="60px" alt="">
    </a>
    <div class="scroll-bar-supervisor" style="height: 87%;width: fit-content;overflow-y: scroll;">

        @if(auth()->user()->can(['dashboard']))
            <a href="{{route('supervisor.dashboard.index')}}" class="@if($current_page == 'supervisor.dashboard.index' || $current_page == 'supervisor.index') active @else inactive  @endif mb-2 " style="padding: 0px 23px;" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-title="Performance Dashboard">
                <div class="arrow"><img src="{{asset('img/menu_shape.png')}}" alt="" width="15"> </div>
                <img src="@if($current_page == 'supervisor.dashboard.index' || $current_page == 'supervisor.index') {{asset('img/dashboard_active.png')}} @else {{asset('img/dashboard.png')}}  @endif" width="22px" alt="" style="padding: 0px 0;" >
            </a>
        @endif

        @if(auth()->user()->can(['monitoring']))
            <a href="{{route('supervisor.monitoring.index')}}"  class="@if($current_page == 'supervisor.monitoring.index') active @else inactive  @endif mb-2 " style="padding: 0px 23px;" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-title="Real Time Dashboard">
                <div class="arrow" ><img src="{{asset('img/menu_shape.png')}}" alt="" width="15"> </div>
                <img src="@if($current_page == 'supervisor.monitoring.index' ){{asset('img/monitor_active.png')}}@else {{asset('img/monitor.png')}}  @endif" width="22px" alt=""  style="padding: 10px 0;">
            </a>
        @endif

        @if(auth()->user()->can(['ranking']))
            <a href="{{route('supervisor.ranking2.dashboard')}}" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-title="Performance Scorecards" class=" @if (Str::contains($current_page, 'supervisor.ranking2.dashboard')) active @else inactive @endif mb-2 ">
                <div class="arrow"><img src="{{ asset('img/menu_shape.png') }}" alt="" width="15"> </div>
                <img src="@if(Str::contains($current_page, 'supervisor.ranking2.dashboard')) {{asset('img/WFM/nav_menu_Icons/fill/skill_managment.png')}} @else {{asset('img/WFM/nav_menu_Icons/skill_managment_border.png')}}  @endif" @if($current_page == 'supervisor.ranking2.dashboard') width="24px" @else width="22px" @endif alt="" >
            </a>
        @endif

        @if(auth()->user()->can(['evaluation-report']) || auth()->user()->can(['evaluation-edit']) || auth()->user()->can(['evaluation-submit']))
            <a href="{{route('supervisor.evaluation.index')}}"  class="@if($current_page == 'supervisor.evaluation.index') active @else inactive  @endif mb-2 " style="padding: 0px 23px;" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-title="Evaluation">
                <div class="arrow" ><img src="{{asset('img/menu_shape.png')}}" alt="" width="15"> </div>
                <img src="@if($current_page == 'supervisor.evaluation.index' ){{asset('img/survey_active.png')}}@else {{asset('img/survey.png')}}@endif" width="@if($current_page == 'supervisor.evaluation.index') 22px @else 22px  @endif" alt=""  style="padding: 10px 0;">
            </a>
        @endif

        @if(auth()->user()->can(['analytics']))
            <a href="{{route('supervisor.analytics.index')}}"  class="@if($current_page == 'supervisor.analytics.index' || $current_page == 'supervisor.chatbotStatistics.index') active @else inactive  @endif mb-2 " style="padding: 0px 23px;" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-title="Analytics">
                <div class="arrow" ><img src="{{asset('img/menu_shape.png')}}" alt="" width="15"> </div>
                <img src="@if($current_page == 'supervisor.analytics.index' || $current_page == 'supervisor.chatbotStatistics.index' ){{asset('img/analatics_green.png')}}@else {{asset('img/analysis.png')}}  @endif" width="20px" alt=""  style="padding: 10px 0;">
            </a>
        @endif

        @if(auth()->user()->can(['ticket']))
            <a href="{{route('supervisor.tickets.index')}}"  class="@if($current_page == 'supervisor.tickets.index' || $current_page == 'supervisor.tickets.create' || $current_page == 'supervisor.tickets.list') active @else inactive  @endif mb-2 " style="padding: 0px 23px;" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-title="Ticket Management">
                <div class="arrow"><img src="{{asset('img/menu_shape.png')}}" alt="" width="15"> </div>
                <img src="@if($current_page == 'supervisor.tickets.index' || $current_page == 'supervisor.tickets.create' || $current_page == 'supervisor.tickets.list'){{asset('img/ticket_active.png')}}@else {{asset('img/ticket.png')}}  @endif" width="22px" alt=""  style="padding: 10px 0;">

            </a>
        @endif

        @if(auth()->user()->can(['social-show']))
            <a href="{{route('supervisor.social.index')}}"  class="@if($current_page == 'supervisor.social.index') active @else inactive  @endif mb-2 " style="padding: 0px 23px;" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-title="Social Management">
                <div class="arrow"><img src="{{asset('img/menu_shape.png')}}" alt="" width="15"> </div>
                <img src="@if($current_page == 'supervisor.social.index' ){{asset('img/share_active.png')}}@else {{asset('img/share.png')}}  @endif" width="22px" alt=""  style="padding: 10px 0;">
            </a>
        @endif

        @if(auth()->user()->can(['chat-show']))
            <a href="{{route('supervisor.chat.index')}}"  class="@if($current_page == 'supervisor.chat.index') active @else inactive  @endif mb-2 " style="padding: 0px 23px;" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-title="Chat Management">
                <div class="arrow" ><img src="{{asset('img/menu_shape.png')}}" alt="" width="15"> </div>
                <img src="@if($current_page == 'supervisor.chat.index' ){{asset('img/chat_active.png')}}@else {{asset('img/chat.png')}}  @endif" width="22px" alt=""  style="padding: 10px 0;">
            </a>
        @endif

        @if(auth()->user()->can(['email-show']))
            <a href="{{route('supervisor.email.index')}}"  class="@if($current_page == 'supervisor.email.index') active @else inactive  @endif mb-2 " style="padding: 0px 23px;" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-title="Email Management">
                <div class="arrow" ><img src="{{asset('img/menu_shape.png')}}" alt="" width="15"> </div>
                <img src="@if($current_page == 'supervisor.email.index' ){{asset('img/emailiconactive.png')}}@else {{asset('img/emailsicon.png')}}  @endif" width="24px" alt=""  style="padding: 10px 0;">
            </a>
        @endif

        @if(auth()->user()->can(['reports']))
            <a href="{{route('supervisor.report.index')}}"  class="@if($current_page == 'supervisor.report.index') active @else inactive  @endif mb-2 " style="padding: 0px 23px;" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-title="Reports">
                <div class="arrow" ><img src="{{asset('img/menu_shape.png')}}" alt="" width="15"> </div>
                <img src="@if($current_page == 'supervisor.report.index' ){{asset('img/report_active.png')}}@else {{asset('img/report.png')}}  @endif" width="22px" alt=""  style="padding: 10px 0;">
            </a>
        @endif

        @if(auth()->user()->can(['assignment']))
            <a href="{{route('supervisor.assignment.index')}}"  class="@if($current_page == 'supervisor.assignment.index') active @else inactive  @endif mb-2 " style="padding: 0px 23px;" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-title="Assignment">
                <div class="arrow" ><img src="{{asset('img/menu_shape.png')}}" alt="" width="15"> </div>
                <img src="@if($current_page == 'supervisor.assignment.index' ){{asset('img/assigment_active.png')}}@else {{asset('img/assigment.png')}}  @endif" width="22px" alt=""  style="padding: 10px 0;">
            </a>
        @endif

        @if(auth()->user()->can(['canned_responses']))
            <a href="{{route('supervisor.cannedResponses.index')}}"  class="@if($current_page == 'supervisor.cannedResponses.index') active @else inactive  @endif mb-2 " style="padding: 0px 23px;" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-title="Canned Response">
                <div class="arrow" ><img src="{{asset('img/menu_shape.png')}}" alt="" width="15"> </div>
                <img src="@if($current_page == 'supervisor.cannedResponses.index' ){{asset('img/feedback_active.png')}}@else {{asset('img/feedback.png')}}  @endif" width="22px" alt=""  style="padding: 10px 0;">
            </a>
        @endif

        @if(auth()->user()->can(['groups']))
            <a href="{{route('supervisor.groups.index')}}"  class="@if($current_page == 'supervisor.groups.index') active @else inactive  @endif mb-2 " style="padding: 0px 23px;" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-title="Group Management">
                <div class="arrow" ><img src="{{asset('img/menu_shape.png')}}" alt="" width="15"> </div>
                <img src="@if($current_page == 'supervisor.groups.index' ){{asset('img/group_active.png')}}@else {{asset('img/group.png')}}  @endif" width="22px" alt=""  style="padding: 10px 0;">
            </a>
        @endif

        @if(auth()->user()->can(['evaluation-type']))
            <a href="{{route('supervisor.TypeEvaluation.index')}}"  class="@if($current_page == 'supervisor.TypeEvaluation.index') active @else inactive  @endif mb-2 " style="padding: 0px 23px;" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-title="Quality Evaluation">
            <div class="arrow" ><img src="{{asset('img/menu_shape.png')}}" alt="" width="15"> </div>
            <img src="@if($current_page == 'supervisor.TypeEvaluation.index' ){{asset('img/survey_active.png')}}@else {{asset('img/survey.png')}}@endif" width="@if($current_page == 'supervisor.TypeEvaluation.index') 22px @else 22px  @endif" alt=""  style="padding: 10px 0;">
        </a>
            @endif

        @if(auth()->user()->can(['newsletter']))
            <a href="{{route('supervisor.newsletter.index')}}"  class="@if($current_page == 'supervisor.newsletter.index') active @else inactive  @endif mb-2 " style="padding: 0px 23px;" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-title="Newsletter">
                <div class="arrow" ><img src="{{asset('img/menu_shape.png')}}" alt="" width="15"> </div>
                <img src="@if($current_page == 'supervisor.newsletter.index' ){{asset('img/newsletter_active.png')}}@else {{asset('img/newsletter.png')}}@endif" width="@if($current_page == 'supervisor.newsletter.index') 22px @else 22px  @endif" alt=""  style="padding: 10px 0;">
            </a>
        @endif

        @if(auth()->user()->can(['contacts']))
            <a href="{{route('supervisor.contact.index')}}"  class="@if($current_page == 'supervisor.contact.index') active @else inactive  @endif mb-2 " style="padding: 0px 23px;" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-title="Contact Profiles">
                <div class="arrow" ><img src="{{asset('img/menu_shape.png')}}" alt="" width="15"> </div>
                <img src="@if($current_page == 'supervisor.contact.index' ){{asset('img/contact_active.png')}}@else {{asset('img/contact.png')}}@endif" width="@if($current_page == 'supervisor.contact.index') 22px @else 22px  @endif" alt=""  style="padding: 10px 0;">
            </a>
        @endif

        @if(auth()->user()->can(['wfm']))
            <a href="{{ route('supervisor.wfm.shift.index') }}" class=" inactive mb-2 "  data-bs-toggle="tooltip" data-bs-placement="right" data-bs-title="Scheduling Management">
                <img src="{{asset('img/WFM/nav_menu_Icons/work_day_border.png')}}" width="24px" alt="" style="padding: 10px 0;">
            </a>
        @endif

        @if(auth()->user()->can(['file-management']))
            <a href="{{route('supervisor.fileManagement.index')}}"  class="@if(\Illuminate\Support\Str::contains($current_page, 'supervisor.fileManagement')) active @else inactive  @endif mb-2 " style="padding: 0px 23px;" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-title="File Management">
                <div class="arrow" ><img src="{{asset('img/menu_shape.png')}}" alt="" width="15"> </div>
                <i class="fa-regular fa-folder-open" style="font-size: 23px; padding: 10px 0; width: 24px; color: {{ \Illuminate\Support\Str::contains($current_page, 'supervisor.fileManagement') ? '#00a34e' : '#525252' }};"></i>
            </a>
        @endif
    </div>

</div>