<div class="main-menu">
    <div class="container">
        <div class="back">
            <i class="fas fa-long-arrow-alt-left"></i> back
        </div>
        <div class="collpase-menu-open" style="display: none;">
            <a id="menu" class="active" href="#">MENU</a>
            <a id="cat" href="#">CATEGORIES</a>
        </div>
        <div class="nav-bar">
            @if (setting('HEADER_SIDE_CATEGORY_NAV') != 0 || setting('HEADER_SIDE_CATEGORY_NAV') == '')
            <div class="header-category-wrap">
                <div class="header-category-nav">
                    <span><i class="icofont icofont-navigation-menu"></i></span>
                    Categories
                    <span class="arrow"></span>
                    <section class="hero-area" style="display: {{Request::is('/') ? 'block':''}}">
                        <div class="container">
                            <div class="row" id="superCat">
                            </div>
                        </div>
                    </section>
                </div>
                <div id="subCat"></div>
            </div>
            @endif
            <div class="nav-menus">
                <ul id="main_menu_ul">
                    @if (auth()->check() && auth()->user()->role_id != 1)
                    <li class="authpro" style="display:none">
                        <img src="{{asset('/')}}uploads/member/{{auth()->user()->avatar=='default.png'?'on_53876-5907.avif':auth()->user()->avatar}}"
                            style="width: 50px;height: 50px;border-radius: 50%;margin: auto;">
                        {{auth()->user()->name}}
                    </li>
                    @endif
                    <li><a href="{{route('home')}}" class="{{Request::is('/') ? 'active':''}}">Home</a></li>
                    <li><a href="{{route('product')}}" class="{{Request::is('product*') ? 'active':''}}">All
                            Products</a></li>
                    <li class="submenu" style="position:relative !important">
                        <a href="{{route('blogs')}}">Updates</a>
                    </li>
                    <li><a href="{{route('track')}}" class="{{Request::is('track*') ? 'active':''}}">Order Track</a>
                    </li>
                    {{-- <li><a href="{{route('category')}}" class="{{Request::is('category*') ? 'active':''}}">All Category</a></li> --}}

                    <li><a href="{{route('contact')}}" class="{{Request::is('contact') ? 'active':''}}">Contact
                            Us</a></li>
                    {{-- <li><a href="{{route('sheba')}}" class="{{Request::is('sheba') ? 'active':''}}"><i class="icofont icofont-live-support"></i> Sheba</a></li>
                    <li><a href="{{route('service')}}" class="{{Request::is('service') ? 'active':''}}"><i class="icofont icofont-live-support"></i> Sheba</a></li> --}}

                    @if (auth()->check() && auth()->user()->role_id != 1)
                    <li><a href="{{route('order')}}">Orders</a></li>
                    <li><a href="{{route('wishlist')}}">Wishlist</a></li>
                    <li><a href="{{route('dashboard')}}" class="{{Request::is('dashboard') ? 'active':''}}">My
                            Account</a></li>
                    @endif

                    @if (auth()->check() && auth()->user()->role_id == 1)
                    <li><a href="{{route('admin.dashboard')}}">Dashboard</a></li>
                    @endif
                    @foreach(App\Models\Page::where('position',0)->where('status',1)->get() as $page)
                    <li><a href="{{route('page',['slug'=>$page->name])}}">{{$page->name}}</a></li>
                    @endforeach
                    {{-- @foreach(App\Models\Page::where('position',2)->where('status',1)->get() as $page)
                    <li><a href="{{route('page',['slug'=>$page->name])}}">{{$page->name}}</a></li>
                    @endforeach --}}
                </ul>
            </div>
        </div>
    </div>
</div>