@php
    $userdata = ($data['userDetails'] != null)? $data['userDetails'] : Auth::user();
    if($userdata->user_type == 0) $user_role = getUserByid(getID())->user_type;
    else $user_role = $userdata->user_type;

    $getMenus = ($data['all_menus'] != null ) ? $data['all_menus'] : (session()->has('menuList' . getAuthID()) ? session()->get('menuList' . getAuthID()) : get_menu_list());

    if($user_role){
        $menu_lists = getNewMenuShape($getMenus);
        $urlParam = Request::segments();
       
    }
    else $menu_lists = $getMenus;
@endphp
<style>
    .font-bold{
        /* color: #000000cf; */
        font-weight: 600;
    }
    .font-bold-light{
        font-weight: 500;
    }
    .font-bold-strong{
        font-weight: 700;
    }
    .width-90{
        width: 85% !important;
    }
    .toggle-icon{
        margin-top: 7%;
    }
    #layout-sidenav {
        width: 300px !important;
    }
    .sidenav-item{
        position: relative !important;
    }
    a.sidenav-link.sideNavs:hover,
    a.sidenav-link.sidenav-toggle:hover{
        color: #2fab66 !important;
        transition: .5s;
    }
    a.sidenav-link.sidenav-toggle:hover {
        /* font-size: 16px; */
        /* font-size: 16px; */
        transition: .5s;
    }
    a.sidenav-link.sidenav-toggle:hover{
        transition: .5s;
    }
    .sidenav-menu .sidenav-item .sidenav-link:hover{
        color: #2fab66 !important;
    }
    a.sidenav-link.sideNavs {
        position: relative;
        width: 73%;
        /* padding-right: 0 !important; */
        z-index: 1024;
    }
    .sidenav-vertical .sidenav-icon {
        width: 20px;
    }
    .input-group-prepend > span {
        margin: 0px -10px;
    }
    .sidenav.bg-light .sidenav-header {
        color: #595959 !important;
        font-weight: 700 !important;
        padding: 12px 20px !important;
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #ddd;
    }
    .sidenav-inner {
        margin: 0px !important;
        padding: 0px !important;
    }
    .sidenav-item .sidenav-link > div{
        max-width: 215px !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .arm {
        display: none;
    }

    .disarmed .arm {
        display: inline;
    }
    .disarmed .disarm {
        display: none;
    }
    .sidenav-vertical .sidenav-item .sidenav-toggle::after {
        right: 10px !important;
    }

    .custom-menu-active{
        color: #2fab66;
    }

    .main_menu_section {
        visibility: hidden;
        opacity: 0;
    }

    .sidebar-menu-preloader{
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background-color: #969696;
        animation: movebg 30s infinite;
        opacity: 0.8;
        background-size: auto;
    }
    .sidebar-menu-preloader > div{
        display: flex;
        justify-content: center;
    }
    .sidebar-menu-preloader img{
        height: 160px;
        width: 160px;
        top: 100px;
        animation: rotating 5s linear infinite;
        position: absolute;
        content: '';
    }

    @media (min-width: 992px) {
        .layout-collapsed.layout-offcanvas #layout-sidenav.layout-sidenav {
            margin-right: -19rem;
        }
    }
    
    .skeleton {
        background-color: #fff;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        border-radius: 4px;
        overflow: hidden;
        width: 100%;
        margin: 0px auto;
        height: 100%;
    }

    .skeleton.skeleton-header {
    padding: 20px;
    border-bottom: 1px solid #eaeaea;
    }

    .skeleton.skeleton-body {
    padding: 20px;
    }

    .skeleton-loader {
        height: 20px;
        width: 100%;
        background-color: #eaeaea;
        animation: loading 1s ease-in-out infinite;
        margin: 10px 0;
    }

    @keyframes loading {
        0% {
            opacity: 0.5;
        }
        50% {
            opacity: 1;
        }
        100% {
            opacity: 0.5;
        }
    }
</style>

<script>
    let menustatus = '{{ session()->get("_menu_active" . getAuthID()) }}';
    let segment0 = '{{$urlParam[0]}}';
    let segment1 = '{{$urlParam[1]}}';
    let segment2 = '{{$urlParam[2]}}';
    let segment3 = '{{$urlParam[3]}}';
    let segment4 = '{{$urlParam[4]}}';

    if(menustatus && segment0 != 'reset4me' && $.inArray(segment1,['fv','pp']) === -1 && !segment2) $('html').removeClass('layout-collapsed')
    $('#sortable').find('menu-active').last().focus()
    
    // sidebar preloader
    $(".skeleton").css({display:'block',opacity:1});
   
</script>
<div id="layout-sidenav" class="{{ isset($layout_sidenav_horizontal) ? 'layout-sidenav-horizontal sidenav-horizontal container-p-x flex-grow-0' : 'layout-sidenav sidenav-vertical' }} sidenav bg-light">

<div class="menubar-btn-contaier py-2 w-100 d-flex justify-content-end bg-whight" style="border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;">
    <button class="btn btn-success mr-2 btn-sm" id="resetmenu" data-toggle="tooltip" title="{{ trans('action.reset') }}"><i class="fas fa-redo"></i></button>
    <button class="btn btn-danger mr-2 btn-sm menu-sort-access" data-toggle="tooltip" title="Lock"><i class="fas fa-lock"></i></button>
</div>
@if($user_role)
<div class="skeleton">
    <div class="skeleton-header">
      <div class="skeleton-loader"></div>
    </div>
    <div class="skeleton-body">
      <div class="skeleton-loader col-md-7"></div>
      <div class="skeleton-loader col-md-9"></div>
      <div class="skeleton-loader col-md-6"></div>
      <div class="skeleton-loader col-md-4"></div>
      <div class="skeleton-loader col-sm-10"></div>
      <div class="skeleton-loader col-sm-11"></div>
    </div>
</div>
@endif
  
<ul class="sidenav-inner py-1 ps @if($user_role){{ 'main_menu_section' }} @endif" id="sortable">
    @if($user_role && $menu_lists)
        {{-- new menu item --}}
        @forelse ($menu_lists as $_key => $items)
        @continue(empty($items))
            <li class="sidenav-item ui-sortable-handle menu-heading " level='1'>
                @php
                    $_head_name = explode('__',$_key);
                @endphp
                <a href="javascript:void(0)" class="sidenav-link sidenav-toggle sideNavs head-menu" >
                    <div class="font-bold" >{{ $_head_name[0] }}</div>
                </a>
                {{-- multi dropdown 1 --}}
                <ul class="sidenav-menu sortable-menu-container"  module-head="{{ $_head_name[1] }}">
                    <div class="input-group search-div">
                        <div class="input-group-prepend">
                            <span class="input-group-text" id="basic-addon1"><i class="fa fa-search" aria-hidden="true"></i></span>
                        </div>
                        <input type="text" class="form-control" id="system-submenu-search" data-search placeholder="{{trans('action.search')}}..." aria-label="{{trans('action.search')}}..." aria-describedby="basic-addon1">
                    </div>

                    @foreach($items as $sys_menu)
                        @continue($sys_menu['submenus'] === null && $sys_menu['package_name'] != 'Premium')
                        <li level='2' id='{{$sys_menu['id']}}' class="sidenav-item ui-sortable-handle  @if($sys_menu['isVisible'] && (isset(request()->ownsubid)) || isset(request()->subid)) open @endif">
                            @if($sys_menu['package_name'] == 'Premium')
                                <a href="{{ route('dashboard.preproduct', [$sys_menu['id']]) }}" style="width: 100%;" class="sidenav-link sideNavs url-link">
                                    <div class="width-90 font-bold @if($sys_menu['isVisible']) {{'menu-active active_menu'}} @endif">
                                        {{ ucfirst($sys_menu['product_name']) }}
                                    </div>
                                </a>
                            @elseif($sys_menu['package_name'] == 'Frabklang')
                                <a href="{{ route('frabklang.frabklang', [$sys_menu['id']]) }}" style="width: 100%;" class="sidenav-link sideNavs url-link">
                                    <div class="width-90 font-bold @if($sys_menu['isVisible']) {{'menu-active active_menu'}} @endif">
                                        {{ ucfirst($sys_menu['product_name']) }}
                                    </div>
                                </a>
                            @elseif($sys_menu['sp'] == true)
                                <a href="javascript:void(0)" class="sidenav-link sidenav-toggle sideNavs url-link" style="width: 100%;">
                                    <div class="width-90 font-bold @if($sys_menu['isVisible']) {{'menu-active active_menu'}} @endif">
                                        {{ ucfirst($sys_menu['product_name']) }}
                                    </div>
                                </a>
                             @elseif( in_array($sys_menu['status'],[3,4])) 
                             @continue
                                <a href="javascript:void(0)" class="sidenav-link sideNavs url-link">
                                    <div class="width-90 font-bold  @if($sys_menu['isVisible']) {{'menu-active active_menu'}} @endif">
                                        {{ ucfirst($sys_menu['product_name']) }} <span class="text-warning">Combo</span>
                                    </div>
                                </a>
                                <a href="javascript:void(0)" class="toggle-icon sidenav-link sidenav-toggle"></a>
                            @elseif($sys_menu['status'] == 2)
                                <a href="{{ route('dashboard.ownProducts', [$sys_menu['id']]) }}" class="sidenav-link sideNavs url-link">
                                    <div class="width-90 font-bold  @if($sys_menu['isVisible']) {{'menu-active active_menu'}} @endif">
                                        {{ ucfirst($sys_menu['product_name']) }}
                                    </div>
                                </a>
                                <a href="javascript:void(0)" class="toggle-icon sidenav-link sidenav-toggle"></a>
                           @else
                            <a href="{{ route('dashboard.products', [$sys_menu['id']])."?menu_head=".($sys_menu['module']??$sys_menu['parent_module']) }}" class="sidenav-link sideNavs url-link">
                                <div class="width-90 font-bold  @if($sys_menu['isVisible']) {{'menu-active active_menu'}} @endif">
                                    {{ ucfirst($sys_menu['product_name']) }}
                                </div>
                            </a>
                            <a href="javascript:void(0)" class="toggle-icon sidenav-link sidenav-toggle"></a> 
                            @endif

                            {{-- multi dropdown 2 --}}
                            @if($sys_meun['menus'] != null)
                            @continue
                                <ul class="sidenav-menu search-system-menu">
                                    <div class="input-group search-div">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text" id="basic-addon1"><i class="fa fa-search" aria-hidden="true"></i></span>
                                        </div>
                                        <input type="text" class="form-control"  id="system-submenu-search" data-search placeholder="{{ trans('action.search') }}..." aria-label="{{ trans('action.search') }}..." aria-describedby="basic-addon1">
                                    </div>
                                    @foreach($sys_menu['menus'] as $menu)
                                        <li class="sidenav-item ui-sortable-handle">
                                            <a href="javascript:void(0)" class="sidenav-link sidenav-toggle sideNavs">
                                                <div class="font-bold">{{ $menu['product_name'] }}</div>
                                            </a>
                                            {{-- Single Menu --}}
                                            {{-- <ul class="sidenav-menu search-system-menu">
                                                <div class="input-group">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text" id="basic-addon1"><i class="fa fa-search" aria-hidden="true"></i></span>
                                                    </div>
                                                    <input type="text" class="form-control"  id="system-submenu-search" data-search placeholder="{{ trans('action.search') }}..." aria-label="{{ trans('action.search') }}..." aria-describedby="basic-addon1">
                                                </div>
                                                @foreach ($menu['submenus'] as $_submenu)                                                    
                                                    <li class="sidenav-item ui-sortable-handle ">
                                                        <a href="#" class="sidenav-link" >
                                                            <div>{{ ucfirst($_submenu->menu_name) }}</div>
                                                        </a>
                                                    </li
                                                @endforeach>
                                            </ul> --}}
                                            {{-- Single Menu / --}}
                                        </li>
                                    @endforeach
                                    
                                </ul>
                            @elseif($sys_menu['status'] === 1 && $sys_menu['submenus'] != null && $sys_menu['package_name'] != 'Frabklang')
                                {{-- Single Menu --}}
                                <ul class="sidenav-menu">
                                    <div class="input-group search-div">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text" id="basic-addon1"><i class="fa fa-search" aria-hidden="true"></i></span>
                                        </div>
                                        <input type="text" class="form-control"  id="system-submenu-search" data-search placeholder="{{ trans('action.search') }}..." aria-label="{{ trans('action.search') }}..." aria-describedby="basic-addon1">
                                    </div>
                                    @foreach($sys_menu['submenus'] as $key => $submenu)
                                        <li class="sidenav-item ui-sortable-handle " level='3'>
                                            <a href="{{ ($submenu->type == 12) ? route('dashboard.focusView',[$submenu->product_id,$submenu->id])."?menu_head=".($sys_menu['module']??$sys_menu['parent_module']): route('dashboard.product', [$sys_menu['id'],$submenu->id])."?menu_head=".($sys_menu['module']??$sys_menu['parent_module']) }}" class="sidenav-link url-link" >
                                                <div class="font-bold-light  @if($urlParam[3] == $submenu->id) {{'menu-active'}} @endif" data-subid='{{ $submenu->id }}'>{{ ucfirst($submenu->menu_name) }}</div>
                                            </a>
                                        </li>
                                    @endforeach
                                </ul>
                                {{-- Single Menu / --}}
                            @elseif($sys_menu['status'] === 2 && $sys_menu['submenus'] != null)
                            {{-- Single Menu --}}
                                <ul class="sidenav-menu">
                                    <div class="input-group search-div">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text" id="basic-addon1"><i class="fa fa-search" aria-hidden="true"></i></span>
                                        </div>
                                        <input type="text" class="form-control"  id="system-submenu-search" data-search placeholder="{{ trans('action.search') }}..." aria-label="{{ trans('action.search') }}..." aria-describedby="basic-addon1">
                                    </div>
                                    @foreach($sys_menu['submenus'] as $key => $submenu)
                                        <li class="sidenav-item ui-sortable-handle " level='3'>
                                            <a href="{{ ($submenu->type == 12) ? route('dashboard.focusView',[$submenu->product_id,$submenu->id])."?menu_head=".($sys_menu['module']??$sys_menu['parent_module']): route('dashboard.ownProduct', [$sys_menu['id'], $submenu->id])."?menu_head=".($sys_menu['module']??$sys_menu['parent_module']) }}" class="sidenav-link url-link">
                                                <div class="font-bold-light @if($urlParam[3] == $submenu->id) menu-active @endif">{{ucfirst($submenu->name)}}</div>
                                            </a>
                                        </li>
                                    @endforeach
                                </ul>
                            {{-- Single Menu / --}}
                            @endif
                        </li>
                    @endforeach
                </ul>
                
            </li>


        @empty
            
        @endforelse
    @elseif($userdata && $user_role == 0 && !empty($menu_lists['products']))
        @foreach ($menu_lists['products'] as $product)
            <li class="sidenav-item ui-sortable-handle @if(Request::segment(3) == $product['product_id']) {{'ui-sortable-handle open'}} @endif">
                    @if ($product['sp'] == 1)
                        <a href="javascript:void(0)" class="sidenav-link sidenav-toggle sideNavs url-link" style="width: 100%;">
                            <div class="width-90 @if(Request::segment(3) == $product['product_id'] && $specialMenu == 2) {{'menu-active'}} @endif">
                                {{ucfirst($product['product_name']) }}
                            </div>
                        </a>
                        {{-- <a href="javascript:void(0)" onclick="$(this).toggleClass('sidenav-toggle')" title="{{ ucfirst($product['product_name']) }}" class="sidenav-link sideNavs">
                            <div class="@if(Request::segment(3) == $product['product_id'] && $specialMenu == 2) {{'menu-active'}} @endif">{{ ucfirst($product['product_name']) }}</div>
                        </a> --}}
                        {{-- <a href="javascript:void(0)" class="sidenav-link sidenav-toggle" style="top: 20px;"></a> --}}
                    @elseif ($product['sp'] == 5)
                        <a href="{{ route('dashboard.ownProducts', [$product['product_id']]) }}" title="{{ ucfirst($product['product_name']) }}" class="sidenav-link sideNavs">
                            <div class="@if(Request::segment(3) == $product['product_id'] && $specialMenu != 2) {{'menu-active'}} @endif">{{ ucfirst($product['product_name']) }}</div>
                        </a>
                        <a href="javascript:void(0)" class="sidenav-link sidenav-toggle" style="top: 20px;"></a>
                    @else
                        <a href="{{ route('dashboard.products', [$product['product_id']]) }}" title="{{ ucfirst($product['product_name']) }}" class="sidenav-link sideNavs">
                            <div class="@if(Request::segment(3) == $product['product_id'] && $specialMenu != 2) {{'menu-active'}} @endif">{{ ucfirst($product['product_name']) }}</div>
                        </a>
                        <a href="javascript:void(0)" class="sidenav-link sidenav-toggle" style="top: 20px;"></a>
                    @endif

                    {{-- <a href="javascript:void(0)" title="{{ ucfirst($product['product_name']) }}" class="sidenav-link sidenav-toggle sideNavs" style="width: 100%;padding: 10px 8px !important;">
                        <div class="@if(Request::segment(3) == $product['product_id'] && $specialMenu == 2) {{'menu-active'}} @endif">{{ ucfirst($product['product_name']) }}</div>
                    </a>             --}}
                    {{-- <a href="javascript:void(0)" class="sidenav-link sidenav-toggle"></a> --}}
                    <ul class="sidenav-menu">
                        @foreach ($product['submenus'] as $_key => $submenu_item)
                                <li class="sidenav-item">
                                    @if ($submenu_item['type'] == 12)
                                        <a href="{{ route('dashboard.focusView', [$product['product_id'],$submenu_item['submenu_id']]) }}" title="{{ ucfirst($submenu_item['submenu_name']) }}" class="sidenav-link">
                                            <div class="@if(request()->subid == $submenu_item['submenu_id']) {{'menu-active'}} @endif">{{ ucfirst($submenu_item['submenu_name']) }}</div>
                                        </a>
                                    @elseif ($submenu_item['from'] == 2)
                                        <a href="{{ route('dashboard.ownProduct', [$product['product_id'],$submenu_item['submenu_id']]) }}" title="{{ ucfirst($submenu_item['submenu_name']) }}" class="sidenav-link">
                                            <div class="@if(request()->ownsubid == $submenu_item['submenu_id']) {{'menu-active'}} @endif">{{ ucfirst($submenu_item['submenu_name']) }}</div>
                                        </a>
                                    @else
                                        <a href="{{ route('dashboard.product', [$product['product_id'],$submenu_item['submenu_id']]) }}" title="{{ ucfirst($submenu_item['submenu_name']) }}" class="sidenav-link">
                                            <div class="@if(request()->subid == $submenu_item['submenu_id']) {{'menu-active'}} @endif">{{ ucfirst($submenu_item['submenu_name']) }}</div>
                                        </a>
                                    @endif
                                </li>
                        @endforeach
                    </ul>

            </li>
            
        @endforeach
    @endif

</ul>





</div>


<script src="{{asset('vendor/libs/perfect-scrollbar/perfect-scrollbar.js')}}"></script>

<script type="text/javascript">

    $(document).ready(function(){        
        $(".skeleton").css({display:'none'});
        $(".sortable-menu-container").sortable({
            cancel: ".search-div",
            disabled: true
        });
    });


    $(function() {
        $('.sortable-menu-container').sortable({
            placeholder:'ui-state-default',
            update: function(event,ui){
                var array=[];
                $('li.sidenav-item[level="2"]').parent().each(function($KEY){
                    let __name = $(this).attr("module-head")
                    var __head = [];
                    $(this).children('li').each(function() {
                        __head.push($(this).attr('id'))
                    })
                    var __menu_head = {};
                    __menu_head[__name] = __head; // Using square bracket notation to create a new key
                    array.push(__menu_head);
                })                

                $.ajax({
                    type: "POST",
                    dataType: "json",
                    url: "{{ url('short') }}",
                    data: {
                        order: array,
                        _token: '{{csrf_token()}}'
                    },
                    success: function(response) {
                        // console.log(response);
                        // $("#msg").show();
                        // $("#msg").html("Recipe Saved");
                        // $("#msg").fadeOut(3000);
                    }
                });
            }
        });
    });

    $(document).on('click', ".menu-sort-access", function() {
        $(this).toggleClass('access-guranted').toggleClass('btn-danger btn-success')
                .find('i')
                .toggleClass("fa fa-lock fa fa-unlock");

        if(!$(this).hasClass('access-guranted')) {
            toastr.success(`{{__('action.menu_locked')}}`);
            $(".sortable-menu-container").sortable("disable")
        }else {
            toastr.success(`{{__('action.menu_unlocked')}}`);
            $(".sortable-menu-container").sortable("enable")
        }
    });

    $(document).on('click', "#resetmenu", function() {
        var userid = "{{ getUserId() }}";
        Swal.fire({
            title: `{{__('action.areyousure')}}`,
            text: `{{__('action.you_cant_revert')}}`,
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#337ab7',
            confirmButtonText: `{{__('action.yes')}}`,
            cancelButtonText: `{{__('action.cancel')}}`,
            cancelButtonColor: '#d33',

        }).then((result) => {

            if (result.value) {
                $.ajax({
                    type: "POST",
                    dataType: "json",
                    url: "{{ route('Aajax.resetmenu') }}",
                    data: {userid: userid},
                    success: function(response) {
                        toastr.success(response.message);
                        location.reload();
                    }

                });
            }
        })
    });

    

    // pay btn script
    $(document).ready(function(){
        if(menustatus == true){

            let _ter = $('.active_menu').parent().parent()
            $(_ter).parent().children('li').not( $(_ter).closest('li')).addClass('hide')
            $('.main_menu_section').children('li').not( $('.active_menu').parent().parent().parent().parent().closest('li')).addClass('hide')
            $(_ter).addClass('open backtwoback').children().before('<span class="backTwoback-btn"><i class="fa fa-angle-double-left" aria-hidden="true"></i></span>').parent().parent().children('.search-div').addClass('hide').parent().parent().addClass('open').children("a").addClass('hide')
           
        }
        
        $('.main_menu_section').on('click', function(evt){
            let target = evt.target
            if ($(target).hasClass("fa-search") || $(target).is("#basic-addon1")) {
                return false;
            }
            $('.menu-active').removeClass('menu-active')
            if($(target).attr('id') == 'system-submenu-search') return;
            let level = $(target).closest('li').attr('level')
            if($(target).parent().hasClass('backTwoback-btn') || $(target).hasClass('backTwoback-btn')){
                $("[level="+(level)+"]").removeClass('open').removeClass('backtwoback').find('.backTwoback-btn').remove()
                if(level == 2){
                    $("[level="+(level)+"]").parent().find('div').removeClass('hide')
                    if($("[level="+(level)+"]").parent().parent().hasClass('open'))$("[level="+(level)+"]").parent().parent('.open').addClass('backtwoback').find('a').removeClass('hide')
                    $('.backtwoback').children('a').before('<span class="backTwoback-btn"><i class="fa fa-angle-double-left" aria-hidden="true"></i></span>')                   
                }else if(level == 1){
                    $("[level="+(level)+"]").find('.head-menu').removeClass('hide')
                }
                $("[level="+(level)+"]").removeClass('hide')
                return
            }
            if(segment0 == 'reset4me' && $(target).closest('li').parent('ul').children('li').hasClass('open')) $(target).closest('li').parent('ul').children('li').removeClass('open')
            if(segment1 == 'pp') {
                $('.main_menu_section').find('.open').last().removeClass('open')
            }

            if(!$(target).closest('li').parent('ul').children('li').hasClass('open')){
                // console.log($(target).closest('li').attr('class'));
                $(target).closest('li').parent('ul').children('li').not($(target).closest('li')).addClass('hide')
                $(target).closest('li').parent('ul').parent('li').children('a').addClass('hide')
                $(target).closest('li').parent('ul').children('.search-div').addClass('hide')
                $(target).closest('li').children('a').children('span').remove()
                $(target).closest('li').addClass('backtwoback').children('a').before('<span class="backTwoback-btn"><i class="fa fa-angle-double-left" aria-hidden="true"></i></span>').children('div').addClass('menu-active')

            }else{                
                $('[level='+level+']').find('.hide').removeClass('hide')
                $(target).closest('li').find('a').removeClass('hide')
                $(target).closest('li').parent('ul').children('li').removeClass('hide')
                $(target).closest('li').parent('ul').parent('li').children('a').removeClass('hide')
                $(target).closest('li').parent('ul').children('.search-div').removeClass('hide')
                $(target).closest('li').children('span').remove()
                $(target).closest('li').children('a').children('div').removeClass('menu-active')
                $(target).closest('li').parent('ul').children('li').find('a span').remove()
                $(target).closest('li').removeClass('backtwoback')
                // console.log('hide',level);
            }
            // $(window).scrollTop($('.menu-active:last').position().top - 100);
        })



        $('[data-search]').on('keyup', function(evt) {
            var searchVal = $(evt.target).val();
            var filterItems = $(evt.target).parent().parent().children('li')
            filterItems.each(function () {
                if ($(this).find('a').text().toLowerCase().search(searchVal) > -1) {
                    $(this).find('ul .search-div').addClass('hide')
                    $(this).addClass('open').show();
                } else if ($(this).find('a').text().search(searchVal) > -1) {
                    $(this).find('ul .search-div').addClass('hide')
                    $(this).addClass('open').show();
                } else {
                    $(this).removeClass('open').hide();
                }
            });
            if (searchVal.length === 0) $(evt.target).parent().parent().children('li').removeClass('open')
        });

        

        $(".main_menu_section").css({
            'visibility': 'visible',
            'opacity' : '1'
        });

        $('.main_menu_section .sidenav-item[level="3"] > .sidenav-link.url-link').click(function () {
            $(".skeleton").css({display:'block'});
            $(".main_menu_section").css({
                'visibility': 'hidden',
                'opacity' : '0',
            });
        });
    });
</script>