@canany(['document.read','document.create','document.update','document.delete'])
    <!--begin:Menu item-->
    <div class="menu-item {{ $route[0] == 'cardboard' || $route[0] == 'cardboard-detail' ? 'here' : '' }}">
        <!--begin:Menu link-->
        <a class="menu-link {{ $route[0] == 'cardboard' ? 'active' : '' }}" href="{{ route('cardboard.index') }}">
            <span class="menu-icon">{!! getIcon('parcel', 'fs-2') !!}</span>
            <span class="menu-title">Dus Management</span>
        </a>
        <!--end:Menu link-->
    </div>
    <!--end:Menu item-->
    <!--begin:Menu item-->
    <div class="menu-item {{ $route[0] == 'document' ? 'here' : '' }}">
        <!--begin:Menu link-->
        <a class="menu-link {{ $route[0] == 'document' ? 'active' : '' }}" href="{{ route('document.index') }}">
            <span class="menu-icon">{!! getIcon('document', 'fs-2') !!}</span>
            <span class="menu-title">Document Management</span>
        </a>
        <!--end:Menu link-->
    </div>
    <!--end:Menu item-->

    @if(auth()->user()->hasRole(['ad','dd','adminstrator']))
        <!--begin:Menu item-->
        <div class="menu-item {{ $route[0] == 'approval' ? 'here' : '' }}">
            <!--begin:Menu link-->
            <a class="menu-link {{ $route[0] == 'approval' ? 'active' : '' }}" href="{{ route('approval.index') }}">
                <span class="menu-icon">{!! getIcon('feather', 'fs-2') !!}</span>
                <span class="menu-title">Approval</span>
            </a>
            <!--end:Menu link-->
        </div>
        <!--end:Menu item-->
    @endif

    <!--begin:Menu item-->
    <div class="menu-item {{ $route[0] == 'report' ? 'here' : '' }}">
        <!--begin:Menu link-->
        <a class="menu-link {{ $route[0] == 'report' ? 'active' : '' }}" href="{{ route('report.index') }}">
            <span class="menu-icon">{!! getIcon('notepad-bookmark', 'fs-2') !!}</span>
            <span class="menu-title">Report</span>
        </a>
        <!--end:Menu link-->
    </div>
    <!--end:Menu item-->
@endcanany

@canany(['master.read','master.create','master.update','master.delete'])
    <!--begin:Menu item-->
    <div data-kt-menu-trigger="click"
         class="menu-item menu-accordion {{ $route[0] == 'directorat' || $route[0] == 'sub-directorat' || $route[0] == 'job' || $route[0] == 'sub-job' || $route[0] == 'sub-sub-job' || $route[0] == 'special-code' || $route[0] == 'document-type' ? 'show' : '' }}">
        <!--begin:Menu link-->
        <span class="menu-link">
					<span class="menu-icon">{!! getIcon('abstract-28', 'fs-2','duotone') !!}</span>
					<span class="menu-title">Masters</span>
					<span class="menu-arrow"></span>
				</span>
        <!--end:Menu link-->
        <!--begin:Menu sub-->
        <div class="menu-sub menu-sub-accordion">
            <!--begin:Menu item-->
            <div class="menu-item">
                <!--begin:Menu link-->
                <a class="menu-link {{ $route[0] == 'directorat' ? 'active' : '' }}"
                   href="{{ route('directorat.index') }}">
							<span class="menu-bullet">
								<span class="bullet bullet-dot"></span>
							</span>
                    <span class="menu-title">Directorat</span>
                </a>
                <!--end:Menu link-->
            </div>
            <!--end:Menu item-->
            <!--begin:Menu item-->
            <div class="menu-item">
                <!--begin:Menu link-->
                <a class="menu-link {{ $route[0] == 'sub-directorat' ? 'active' : '' }}"
                   href="{{ route('sub-directorat.index') }}">
							<span class="menu-bullet">
								<span class="bullet bullet-dot"></span>
							</span>
                    <span class="menu-title">Sub Directorat</span>
                </a>
                <!--end:Menu link-->
            </div>
            <!--end:Menu item-->
            <!--begin:Menu item-->
            <div class="menu-item">
                <!--begin:Menu link-->
                <a class="menu-link {{ $route[0] == 'job' ? 'active' : '' }}" href="{{ route('job.index') }}">
							<span class="menu-bullet">
								<span class="bullet bullet-dot"></span>
							</span>
                    <span class="menu-title">Job</span>
                </a>
                <!--end:Menu link-->
            </div>
            <!--end:Menu item-->
            <!--begin:Menu item-->
            <div class="menu-item">
                <!--begin:Menu link-->
                <a class="menu-link {{ $route[0] == 'sub-job' ? 'active' : '' }}" href="{{ route('sub-job.index') }}">
							<span class="menu-bullet">
								<span class="bullet bullet-dot"></span>
							</span>
                    <span class="menu-title">Sub Job</span>
                </a>
                <!--end:Menu link-->
            </div>
            <!--end:Menu item-->
            <!--begin:Menu item-->
            <div class="menu-item">
                <!--begin:Menu link-->
                <a class="menu-link {{ $route[0] == 'sub-sub-job' ? 'active' : '' }}"
                   href="{{ route('sub-sub-job.index') }}">
							<span class="menu-bullet">
								<span class="bullet bullet-dot"></span>
							</span>
                    <span class="menu-title">Sub Sub Job</span>
                </a>
                <!--end:Menu link-->
            </div>
            <!--end:Menu item-->

            <!--begin:Menu item-->
            <div class="menu-item">
                <!--begin:Menu link-->
                <a class="menu-link {{ $route[0] == 'special-code' ? 'active' : '' }}"
                   href="{{ route('special-code.index') }}">
							<span class="menu-bullet">
								<span class="bullet bullet-dot"></span>
							</span>
                    <span class="menu-title">Special Code</span>
                </a>
                <!--end:Menu link-->
            </div>
            <!--end:Menu item-->
            <!--begin:Menu item-->
            <div class="menu-item">
                <!--begin:Menu link-->
                <a class="menu-link {{ $route[0] == 'document-type' ? 'active' : '' }}"
                   href="{{ route('document-type.index') }}">
							<span class="menu-bullet">
								<span class="bullet bullet-dot"></span>
							</span>
                    <span class="menu-title">Document Type</span>
                </a>
                <!--end:Menu link-->
            </div>
            <!--end:Menu item-->
        </div>
        <!--end:Menu sub-->
    </div>
    <!--end:Menu item-->
@endcanany