@if( !empty($menu_secondary) )
@php
    //=================== Setting Menu =========================
    $kpi_dashboard  = false;
    $kpi_perform    = false;

    if (Request::routeIs('kpi.dashboard*')){
        $kpi_dashboard = true;
    }
    if (Request::routeIs('kpi.perform*')){
        $kpi_perform = true;
    }
    $icon_side = [
        'Utama' => 'icon-stats-growth',
        'Operasi' => 'icon-gear',
        'Keuangan' => 'icon-cash4',
        'Pelayanan' => 'icon-stats-bars3',

    ];
    //=================== Setting Menu =========================
@endphp

<div class="sidebar sidebar-secondary sidebar-expand-md sidebar-light sidebar-fixed ">

    <!-- Sidebar mobile toggler -->
    <div class="px-2 py-1 sidebar-mobile-toggler text-center">
        <a href="#" class="px-2 sidebar-mobile-secondary-toggle">
            <i class="icon-arrow-left8"></i>
        </a>
		<span class="font-weight-semibold">Menu</span>
        <a href="#" class="sidebar-mobile-expand">
			<i class="icon-screen-full"></i>
			<i class="icon-screen-normal"></i>
		</a>
    </div>
    <!-- /sidebar mobile toggler -->

    <!-- Sidebar content -->
    <div class="mt-0 mt-md-3 sidebar-content">
        <!-- Main navigation -->
        <div class="card card-sidebar-mobile">
            <ul class="nav nav-sidebar" data-nav-type="_accordion">
            @if( !empty($kpi_dashboard) )                             
                <li class="py-1 nav-item sidebar-xs-none">
                    <a href="javascript:void(0);"  title="DashBoard" 
                        class="nav-link align-items-center active"
                        _data-original-title="" _data-placement="right" _data-popup="tooltip_sidemenu" _data-trigger="hover">                       
                        <span class="btn-menu-secondary shadow-sm border-1 btn _btn-sm text-left text-dark font-weight-bold bg-white btn-block _rounded-round">
                        DashBoard
                        </span>
                    </a>
                </li>
                @if(!empty($hris))
                @foreach( $hris['unit'] as $key => $value )
                    @if($value->layer == "1" or $value->layer == "2")    
                        <li class="pr-1 nav-item nav-item-submenu _nav-item-expanded _nav-item-open">                       
                            <a href="#" class="my-1 nav-link">
                                <i class="{{ $icon_side[$value->bidang] }}"></i>
                                <span>{{ $value->nama}} </span>
                            </a>
                            <ul class="nav nav-group-sub py-2 text-dark" data-submenu-title="{{ $value->bidang}}">      
                                @foreach( $hris['sub'][$value->unit_id] as $subKey => $subValue ) 
                                @if($subValue->layer == "3")    
                                <li class="nav-item">
                                    <a href="{{ route('kpi.dashboard',['id'=>base64_encode($subValue->unit_id) ] ) }}" class="nav-link">
                                        <span>{{ $subValue->nama}}</span>
                                    </a>
                                    <a href="{{ route('kpi.dashboard',['id'=>$subValue->unit_id ] ) }}" class="d-none nav-link">
                                        <span>{{ $subValue->nama}}</span>
                                    </a>
                                </li>
                                @endif
                                @endforeach    
                            </ul>
                        </li>  
                    @endif
                    @endforeach
                @endif
                    {{-- 
                    <a href="#" class="nav-link">
                        <i class="icon-stack3"></i>
                        <span>Utama</span>
                    </a>
                    <ul class="nav nav-group-sub py-2 text-dark" data-submenu-title="Utama">           
                        <li class="nav-item">
                            <a href="#" class="nav-link inbox_baru">
                                <span>SDM</span>
                            </a>
                        </li>             
                        <li class="nav-item">
                            <a href="#" class="nav-link inbox_proses">
                                <span>Sistem Informasi dan Aset Properti</span>
                            </a>
                        </li> 
                    </ul>
                    --}}
            @endif
            @if( !empty($kpi_perform) )                             
                <li class="py-1 nav-item sidebar-xs-none">
                    <a href="javascript:void(0);"  title="Performance" 
                        class="nav-link align-items-center active"
                        _data-original-title="" _data-placement="right" _data-popup="tooltip_sidemenu" _data-trigger="hover">                       
                        <span class="btn-menu-secondary shadow-sm border-1 btn _btn-sm text-left text-dark font-weight-bold bg-white btn-block _rounded-round">
                        Performance
                        </span>
                    </a>
                </li>   
                <li class="nav-item">
                    <a href="{{ route('kpi.perform.gantt') }}"  
                        class="nav-link {{ Request::routeIs('kpi.perform.gantt*')?'active':''}}"
                        data-original-title="IT Support" data-placement="right" data-popup="tooltip_sidemenu" data-trigger="hover"> 
                        <i class="mi-short-text"></i>
                        <span>Layanan IT</span>
                    </a>
                </li>    
                <li class="nav-item">
                    <a href="{{ route('kpi.perform.task') }}"  
                        class="nav-link {{ Request::routeIs('kpi.perform.task*')?'active':''}}"
                        data-original-title="Task Perform" data-placement="right" data-popup="tooltip_sidemenu" data-trigger="hover"> 
                        <i class="mi-short-text"></i>
                        <span>Task Perform</span>
                    </a>
                </li>    
            @endif
            </ul>
        </div>
        <!-- /main navigation -->
        
        <div class="card card-footer card-sidebar-mobile bg-transparent">            
            <!--    
            <ul class="nav nav-sidebar">
                <li class="nav-item">
                    <a href="#" class="nav-link navbar-nav-link sidebar-control sidebar-main-toggle d-none d-md-block">
                        <i class="icon-paragraph-justify3"></i>
                    </a>
                </li>
            </ul>
            -->
        </div>
    </div>
    <!-- /sidebar content -->    
</div>
<!-- /main sidebar -->

<script type="text/javascript">
    $(document).ready(function() {  
        var path = window.location.href;
		$('.nav-sidebar a').each(function () {
			if (this.href == path || path.indexOf(this.href) != -1) {
                $(this).addClass('active');
                $(this).parents('.nav-item-submenu').addClass('nav-item-expanded nav-item-open'); 
			}
		});
        $('[data-popup=tooltip_sidemenu]').tooltip({
	        container: 'body',
            boundary: 'window'
        });

		// $('.navbar-sticky').stick_in_parent(); 
		// $('.sidebar-sticky').stick_in_parent();
    });
</script>
@endif