<div class="sidebar">
    <div class="side-head">
        <a href="{{route('admin.dashboard')}}" class="primary-color side-logo">
            <h3>{{ App_Name() }}</h3>
        </a>
        <button class="btn side-toggle">
            <span></span>
            <span></span>
            <span></span>
        </button>
    </div>

    <ul class="side-menu mt-4">

        <li class="side_line {{ request()->routeIs('admin.dashboard*') ? 'active' : '' }}{{ request()->routeIs('profile*') ? 'active' : '' }}">
            <a href="{{ route('admin.dashboard')}}">
                <i class="fa-solid fa-house fa-xl menu-icon"></i>
                <span>{{__('label.dashboard')}}</span>
            </a>
        </li>
        <p class="partition"><span>{{__('label.live_request')}}</span></p> 
        <li class="side_line {{ (request()->routeIs('live_request*')) ? 'active' : '' }}">
            <a href="{{ route('live_request.index') }}">
                <i class="fa-solid fa-map fa-xl menu-icon"></i>
                <span>{{__('label.live_request')}}</span>
            </a>
        </li>

        <p class="partition"><span>{{__('label.basic_element')}}</span></p> 
        <li class="side_line {{ (request()->routeIs('hashtag*')) ? 'active' : '' }}">
            <a href="{{ route('hashtag.index') }}">
                <i class="fa-solid fa-hashtag fa-xl menu-icon"></i>
                <span>{{__('label.hashtag')}}</span>
            </a>
        </li>

        <p class="partition"><span>{{__('label.citizen_management')}}</span></p>
        <li class="side_line {{ (request()->routeIs('user*')) ? 'active' : '' }}">
            <a href="{{ route('user.index') }}">
                <i class="fa-solid fa-users fa-xl menu-icon"></i>
                <span>{{__('label.citizen')}}</span>
            </a>
        </li>
        <!-- <p class="partition"><span>{{__('label.workplace')}}</span></p>
        <li class="side_line {{ (request()->routeIs('company*')) ? 'active' : '' }}">
            <a href="{{ route('company.index') }}">
                <i class="fa-solid fa-building fa-xl menu-icon"></i>
                <span>{{__('label.company')}}</span>
            </a>
        </li>
        <li class="side_line {{ (request()->routeIs('vacancy*')) ? 'active' : '' }}">
            <a href="{{ route('vacancy.index') }}">
                <i class="fa-solid fa-person-circle-plus fa-xl menu-icon"></i>
                <span>{{__('label.vacancy')}}</span>
            </a>
        </li> -->

        <p class="partition"><span>{{__('label.department_management')}}</span></p>
        <li class="side_line {{ (request()->routeIs('in_charge*')) ? 'active' : '' }}">
            <a href="{{ route('in_charge.index') }}">
                <i class="fa-solid fa-user-tie fa-xl menu-icon"></i>
                <span>{{__('label.in_charge')}}</span>
            </a>
        </li>
        <li class="side_line {{ (request()->routeIs('department.*')) ? 'active' : '' }}">
            <a href="{{ route('department.index') }}">
                <i class="fa-solid fa-building-columns fa-xl menu-icon"></i>
                <span>{{__('label.department')}}</span>
            </a>
        </li>
        <li class="side_line {{ (request()->routeIs('inactive_incharge*')) ? 'active' : '' }}">
            <a href="{{ route('inactive_incharge.index') }}">
                <i class="fa-solid fa-user-slash fa-xl menu-icon"></i>
                <span>{{__('label.inactive_incharge')}}</span>
            </a>
        </li>
        <li class="side_line {{ (request()->routeIs('story*')) ? 'active' : '' }}">
            <a href="{{ route('story.index') }}">
                <i class="fa-solid fa-play-circle fa-xl menu-icon"></i>
                <span>{{__('label.postages')}}</span>
            </a>
        </li>
        <p class="partition"><span>{{__('label.service_management')}}</span></p>
        <li class="side_line {{ (request()->routeIs('service*')) ? 'active' : '' }}">
            <a href="{{ route('service.index') }}">
                <i class="fa-solid fa-tools fa-xl menu-icon"></i>
                <span>{{__('label.service')}}</span>
            </a>
        </li>
        <p class="partition"><span>{{__('label.sub_in_charge_management')}}</span></p>
        <li class="side_line {{ (request()->routeIs('sub_incharge*')) ? 'active' : '' }}">
            <a href="{{ route('sub_incharge.index') }}">
                <i class="fa-solid fa-address-card fa-xl menu-icon"></i>
                <span>{{__('label.sub_in_charge')}}</span>
            </a>
        </li>
        <li class="side_line {{ (request()->routeIs('inactive_sub_incharge*')) ? 'active' : '' }}">
            <a href="{{ route('inactive_sub_incharge.index') }}">
                <i class="fa-solid fa-user-slash fa-xl menu-icon"></i>
                <span>{{__('label.inactive_sub_incharge')}}</span>
            </a>
        </li>
        <p class="partition"><span>{{__('label.complaint_requests')}}</span></p>
        <li class="side_line {{ (request()->is('admin/complaint*')) ? 'active' : '' }}">
            <a href="{{ route('complaint.index') }}">
                <i class="fa-solid fa-bullhorn fa-xl menu-icon"></i>
                <span>{{ __('label.requests') }}</span>
            </a>
        </li>

        <p class="partition"><span>{{__('label.advanced_analytics_reports')}}</span></p>
        <li class="side_line {{ (request()->is('admin/analytics-report*')) ? 'active' : '' }}">
            <a href="{{ route('analytics-report.index') }}">
                <i class="fa-solid fa-chart-column fa-xl menu-icon"></i>
                <span>{{ __('label.analytics_reports') }}</span>
            </a>
        </li>
        <li class="side_line {{ (request()->is('admin/geo_analytics*')) ? 'active' : '' }}">
            <a href="{{ route('geo_analytics.index') }}">
                <i class="fa-solid fa-location-dot fa-xl menu-icon"></i>
                <span>{{ __('label.geo_analytics') }}</span>
            </a>
        </li>

        <p class="partition"><span>{{__('label.user_interaction')}}</span></p>
        <li class="side_line {{ (request()->routeIs('notification.*')) ? 'active' : '' }}">
            <a href="{{ route('notification.index') }}">
                <i class="fa-solid fa-bell fa-xl menu-icon"></i>
                <span>{{__('label.notification')}}</span>
            </a>
        </li>
        <li class="side_line {{ (request()->routeIs('comment*')) ? 'active' : '' }}">
            <a href="{{ route('comment.index') }}">
                <i class="fa-solid fa-comments fa-xl menu-icon"></i>
                <span>{{__('label.comment')}}</span>
            </a>
        </li>

        <p class="partition"><span>{{__('label.ads_management')}}</span></p>
        <li class="side_line {{ request()->routeIs('admob*') ? 'active' : '' }}">
            <a href="{{ route('admob.index') }}">
                <i class="fa-brands fa-square-google-plus fa-xl menu-icon"></i>
                <span>{{__('label.admob')}}</span>
            </a>
        </li>
        <!-- <li class="side_line {{ request()->routeIs('fbads*') ? 'active' : '' }}">
            <a href="{{ route('fbads.index') }}">
                <i class="fa-brands fa-square-facebook fa-xl menu-icon"></i>
                <span>{{__('label.facebook_ads')}}</span>
            </a>
        </li> -->

        <p class="partition"><span>{{__('label.settings')}}</span></p>
        <li class="side_line {{ request()->routeIs('app.setting') ? 'active' : '' }}">
            <a href="{{ route('app.setting') }}">
                <i class="fa-solid fa-gear fa-xl menu-icon"></i>
                <span>{{__('label.app_settings')}}</span>
            </a>
        </li>
        <li class="side_line {{ request()->routeIs('notification-configurations*') ? 'active' : '' }}">
            <a href="{{ route('notification-configurations.index') }}">
                <i class="fa-solid fa-bell fa-xl menu-icon"></i>
                <span>{{__('label.notification_configurations')}}</span>
            </a>
        </li>
        <li class="side_line {{ request()->routeIs('panelsetting*') ? 'active' : '' }}">
            <a href="{{ route('panelsetting.index') }}">
                <i class="fa-solid fa-palette fa-xl menu-icon"></i>
                <span>{{__('label.panel_settings')}}</span>
            </a>
        </li>
        <li class="side_line {{ request()->routeIs('pages*') ? 'active' : '' }}">
            <a href="{{ route('pages.index')}}">
                <i class="fa-solid fa-book-open-reader fa-xl menu-icon"></i>
                <span>{{__('label.pages')}}</span>
            </a>
        </li>
        <li class="side_line {{ request()->routeIs('userpages*') ? 'active' : '' }}">
            <a href="{{ route('userpages.index')}}">
                <i class="fa-solid fa-book-open-reader fa-xl menu-icon"></i>
                <span>{{__('label.citizen_pages')}}</span>
            </a>
        </li>
        <li class="side_line {{ request()->routeIs('system.setting*') ? 'active' : '' }}">
            <a href="{{ route('system.setting.index') }}">
                <i class="fa-solid fa-screwdriver-wrench fa-xl menu-icon"></i>
                <span>{{__('label.system_settings')}}</span>
            </a>
        </li>

        <p class="partition"><span>{{__('label.logout')}}</span></p>
        <li>
            <a href="{{ route('admin.logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
                <i class="fa-solid fa-arrow-right-from-bracket fa-xl menu-icon"></i>
                <span>{{__('label.logout')}}</span>
            </a>

            <form id="logout-form" action="{{ route('admin.logout') }}" method="GET" class="d-none">
                @csrf
            </form>
        </li>
    </ul>
</div>