@php
$temp = getMenu();
$data = isset($temp['data'])?$temp['data']:[];
$active_menu=getMenuDetail();
$level_4=[];
@endphp
@php
    $last = "";
    $l = "";
@endphp
<style type="text/css">
    .disabled_img {
        opacity: 0.5;
        pointer-events: none;
        cursor: default;
    }
</style>
    <!-- $active_menu['routeName']=; -->
<input type="hidden" id="menu" value="{{$active_menu['routeName']}}">
<input type="hidden" id="submenu" value="{{$active_menu['submenu']}}">
<input type="hidden" id="subsubmenu" value="{{$active_menu['subsubmenu']}}">
<link rel="stylesheet" href="{{ URL::asset('assets/css/menu.css') }}">
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" />
<div class="main">
<div id="mainMenu" class="mainMenu">
    @foreach ($data as $key => $menu)
    @if($menu['level'] == 4)
        @php
            $level_4[]=$menu;

        @endphp
    @endif
    @if($menu['level'] == 1)
    @if($key>0)
    @if($data[$key-1]['id'] == $active_menu['routeName'])
    @php
        $last = "last";
    @endphp
    @else
    @php
        $last = "tab1";
        $l = "";
    @endphp
    @endif
    @endif
    @if($data[$key+1]['level'] == 2)
        @php
            $l = "loot";
        @endphp
    @endif
    @if($menu['status'] == 1)
    @php
        $image=$menu['icon'];
        if($menu['id'] == $active_menu['routeName']) 
        {
            $image='white-'.$menu['icon'];
        }
    @endphp
    <div tab_id="{{$menu['id']}}" url="{{config('app.ANGULAR_URL').'assets/icons/'}}" image="{{$image}}" class="it mtab maintab{{$menu['id']}} @if($key == 0) firsttab @endif {{$l}}" onmouseover="getSubMenu({{$menu['id']}} , this)">
        <div class="it tabb1 @if($key == 0) Hometab @endif @if($menu['id'] == $active_menu['routeName']) tab1active @else tab1 @endif {{$last}}" style="margin-left:-3px;">

        </div>
        <div class="it tab mpad @if($menu['id'] == $active_menu['routeName']) tabcat @endif">
            <a href="#" class="">
                <img image="{{$menu['icon']}}" class="@if($menu['id'] == $active_menu['routeName']) active_tab @endif" status="@if($menu['id'] == $active_menu['routeName']) 1 @else 0 @endif" id="{{$menu['id']}}" src="{{config('app.ANGULAR_URL').'assets/icons/'.$image}}" width="20px" height="20px">
                <span parent_component_name={{$menu['component_name']}} parent_key={{$menu['parent_id']}} class="nav_text">{{$menu['menu_title']}}</span>
            </a>
        </div>
        <div class="it tabb3 @if($menu['id'] == $active_menu['routeName']) tab3active @else tab3 @endif">

        </div>
    </div>
    @else
    <div class="it mtab maintab{{$menu['id']}} @if($key == 0) firsttab @endif {{$l}}" onmouseover="getSubMenu({{$menu['id']}} , this)" style="pointer-events: none;">
        <div class="it tabb1 @if($menu['id'] == $active_menu['routeName']) tab1active @else tab1 @endif {{$last}}" style="margin-left:-3px;">

        </div>
        <div class="it tab mpad @if($menu['id'] == $active_menu['routeName']) tabcat @endif">
            <a href="#" class="">
                <img class="disabled_img" src="{{config('app.ANGULAR_URL').'assets/icons/'.$menu['icon']}}" width="20px" height="20px">
                <span  parent_component_name={{$menu['component_name']}} parent_key={{$menu['parent_id']}} class="nav_text disabled_img ">{{$menu['menu_title']}}</span>
            </a>
        </div>
        <div class="it tabb3 @if($menu['id'] == $active_menu['routeName']) tab3active @else tab3 @endif">
            <span></span>
        </div>
    </div>
    @endif
    @endif
    @php
        $last = "tab1";
    @endphp
    @endforeach
</div>
<div id="mainMenu" >

@foreach ($data as $key => $menu)
    @if($menu['level'] == 1)
    <div class="it submenu sub level_2_{{$menu['id']}} secondmenu" rel="{{$menu['id']}}">
        @foreach ($data as $key => $sub_menu)
            @if($menu['id'] == $sub_menu['parent_id'])
                @if($sub_menu['level'] == 2)
                    @if($sub_menu['status'] == 1)
                    <li class="@if($sub_menu['id'] == $active_menu['submenu']) current @endif" onmouseover="getSubSubMenu({{$sub_menu['id']}})"><a class="seamless_component" data-component="{{$sub_menu['component_name']}}" href="{{isset($sub_menu['file_name'])?config('app.BASE_URL').$sub_menu['file_name']:''}}"><span>{{$sub_menu['menu_title']}}</span></a></li>
                    @else
                    <li><a class="seamless_component disabled"><span>{{$sub_menu['menu_title']}}</span></a></li>
                    @endif
                    @endif
            @endif
        @endforeach
    </div>
    @endif
@endforeach
</div>
<div id="mainMenu">
@foreach ($data as $key => $sub_menu)
@php
if($sub_menu['level'] == 1){
     $menu_id = $sub_menu['id'];
}
@endphp
@if($sub_menu['level'] == 2)
    <div class="it submenu submenu2 sub2 level_3_{{$sub_menu['id']}}" >
        @foreach ($data as $key => $sub_sub_menu)
            @if($sub_menu['id'] == $sub_sub_menu['parent_id'] && $sub_sub_menu['level'] == 3 && $sub_sub_menu['menu_type_id'] != 5)
            @if($sub_sub_menu['status'] == 1)
                <li style="margin-top: 4px;" class="@if($sub_sub_menu['id'] == $active_menu['subsubmenu']) current @endif"><a class="seamless_component" data-component="{{$sub_sub_menu['component_name']}}" href="{{config('app.BASE_URL')}}{{$sub_sub_menu['file_name']}}"><span>{{$sub_sub_menu['menu_title']}}</span></a></li>
            @else
            <li style="margin-top: 4px;"><a class="seamless_component disabled"><span>{{$sub_sub_menu['menu_title']}}</span></a></li>
            @endif
            @endif
        @endforeach
    </div>
@endif
@endforeach
</div>
@php
Session::put('level_4',$level_4);
Session::save();
@endphp
</div>