
        <!-- ========== App Menu ========== -->
        <div class="app-menu navbar-menu">
            <!-- LOGO -->
            <div class="navbar-brand-box">
                <!-- Dark Logo-->
                <a href="index-2.html" class="logo logo-dark">
                    <span class="logo-sm">
                        <img src="assets/images/logo-sm.png" alt="" height="22">
                    </span>
                    <span class="logo-lg">
                        <img src="assets/images/logo-dark.png" alt="" height="17">
                    </span>
                </a>
                <!-- Light Logo-->
                <a href="index-2.html" class="logo logo-light">
                    <span class="logo-sm">
                        <img src="assets/images/logo-sm.png" alt="" height="22">
                    </span>
                    <span class="logo-lg">
                        <img src="assets/images/logo-light.png" alt="" height="17">
                    </span>
                </a>
                <button type="button" class="btn btn-sm p-0 fs-20 header-item float-end btn-vertical-sm-hover" id="vertical-hover">
                    <i class="ri-record-circle-line"></i>
                </button>
            </div>
    
            <div class="dropdown sidebar-user m-1 rounded">
                <button type="button" class="btn material-shadow-none" id="page-header-user-dropdown" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    <span class="d-flex align-items-center gap-2">
                        <img class="rounded header-profile-user" src="assets/images/users/avatar-1.jpg" alt="Header Avatar">
                        <span class="text-start">
                            <span class="d-block fw-medium sidebar-user-name-text">Anna Adame</span>
                            <span class="d-block fs-14 sidebar-user-name-sub-text"><i class="ri ri-circle-fill fs-10 text-success align-baseline"></i> <span class="align-middle">Online</span></span>
                        </span>
                    </span>
                </button>
                <div class="dropdown-menu dropdown-menu-end">
                    <!-- item-->
                    <h6 class="dropdown-header">Welcome Anna!</h6>
                    <a class="dropdown-item" href="pages-profile.html"><i class="mdi mdi-account-circle text-muted fs-16 align-middle me-1"></i> <span class="align-middle">Profile</span></a>
                    <a class="dropdown-item" href="apps-chat.html"><i class="mdi mdi-message-text-outline text-muted fs-16 align-middle me-1"></i> <span class="align-middle">Messages</span></a>
                    <a class="dropdown-item" href="apps-tasks-kanban.html"><i class="mdi mdi-calendar-check-outline text-muted fs-16 align-middle me-1"></i> <span class="align-middle">Taskboard</span></a>
                    <a class="dropdown-item" href="pages-faqs.html"><i class="mdi mdi-lifebuoy text-muted fs-16 align-middle me-1"></i> <span class="align-middle">Help</span></a>
                    <div class="dropdown-divider"></div>
                    <a class="dropdown-item" href="pages-profile.html"><i class="mdi mdi-wallet text-muted fs-16 align-middle me-1"></i> <span class="align-middle">Balance : <b>$5971.67</b></span></a>
                    <a class="dropdown-item" href="pages-profile-settings.html"><span class="badge bg-success-subtle text-success mt-1 float-end">New</span><i class="mdi mdi-cog-outline text-muted fs-16 align-middle me-1"></i> <span class="align-middle">Settings</span></a>
                    <a class="dropdown-item" href="auth-lockscreen-basic.html"><i class="mdi mdi-lock text-muted fs-16 align-middle me-1"></i> <span class="align-middle">Lock screen</span></a>
                    <a class="dropdown-item" href="auth-logout-basic.html"><i class="mdi mdi-logout text-muted fs-16 align-middle me-1"></i> <span class="align-middle" data-key="t-logout">Logout</span></a>
                </div>
            </div>
            <div id="scrollbar">
                <div class="container-fluid">


                    <div id="two-column-menu">
                    </div>
                    <ul class="navbar-nav" id="navbar-nav">
                        <li class="menu-title"><span data-key="t-menu">Menu</span></li>
                        <li class="nav-item">
                            <a class="nav-link" href="{{ route('dashboard') }}">
                                <i class="ri-dashboard-2-line"></i> <span data-key="t-dashboards">Dashboards</span>
                            </a>
                        </li> <!-- end Dashboard Menu -->
                
                        <li class="nav-item">
                            <a class="nav-link menu-link" href="#sidebarMultilevel" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarMultilevel">
                                <i class="ri-share-line"></i> <span data-key="t-multi-level">Manage Categories</span>
                            </a>
                            <div class="collapse menu-dropdown" id="sidebarMultilevel">
                                <ul class="nav nav-sm flex-column">
                                    <li class="nav-item">
                                        <a href="{{ route('category.list') }}" class="nav-link">Category List</a>
                                    </li>
                                    <li class="nav-item">
                                    <a href="{{ route('sub.category.list') }}" class="nav-link">Sub Category List</a>
                                    </li>
                                    <li class="nav-item">
                                    <a href="{{ route('child.category.list') }}" class="nav-link">Child Category List</a>
                                    </li>
                                    <!-- <li class="nav-item">
                                    <a href="{{ route('brand.list') }}" class="nav-link">Brand List</a>
                                    </li> -->
                                </ul>
                            </div>
                        </li>

                       
                        <!-- Logout -->
                        <li class="nav-item">
                            <a href="{{ route('brand.list') }}" class="nav-link">
                                <i class="nav-icon fas fa-briefcase"></i> <span data-key="t-dashboards">Brand List</span> 
                            </a>
                        </li>


                        <!--<li class="nav-item">-->
                        <!--<a class="nav-link menu-link" href="#sidebarTables" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarTables">-->
                        <!--    <i class="ri-share-line"></i> <span data-key="t-multi-level">Multiple Categories</span>-->
                        <!--</a>-->
                        <!--<div class="collapse menu-dropdown" id="sidebarTables">-->
                        <!--    <ul class="nav nav-sm flex-column">-->
                                <li class="nav-item">
                                    <a class="nav-link" href="#product" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="product">
                                        <i class="fas fa-box me-2"></i><span data-key="t-dashboards">Inventory</span>
                                    </a>
                                    <div class="collapse menu-dropdown" id="product">
                                        <ul class="nav nav-sm flex-column">
                                            <li class="nav-item">
                                                <a href="{{ route('product.add') }}" class="nav-link">
                                                    <i class="fas fa-plus-square me-2"></i>Add Products
                                                </a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="{{ route('product.list') }}" class="nav-link">
                                                    <i class="fas fa-box-open me-2"></i>All Products
                                                </a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" href="#product_settings" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="product_settings">
                                                    <i class="fas fa-cog me-2"></i>Products Settings
                                                </a>
                                                <div class="collapse menu-dropdown" id="product_settings">
                                                    <ul class="nav nav-sm flex-column">
                                                        <li class="nav-item">
                                                            <a href="{{ route('product.variant.type.list') }}" class="nav-link">
                                                                <i class="fas fa-sliders-h me-2"></i>Product Variation Types
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                
                                <li class="nav-item">
                                    <a class="nav-link" href="#discount" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="discount">
                                        <i class="fas fa-tags me-2"></i><span data-key="t-dashboards">Offer Discount</span>
                                    </a>
                                    <div class="collapse menu-dropdown" id="discount">
                                        <ul class="nav nav-sm flex-column">
                                            <li class="nav-item">
                                                <a href="{{ route('coupon.code.add') }}" class="nav-link">
                                                    <i class="fas fa-plus-square me-2"></i>Add Coupon Code
                                                </a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="{{ route('coupon.code.list') }}" class="nav-link">
                                                    <i class="fas fa-box-open me-2"></i>All Coupon Code
                                                </a>
                                            </li>                                            
                                        </ul>
                                    </div>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="#settings" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="settings">
                                        <i class="fas fa-cog me-2"></i><span data-key="t-dashboards">Settings</span>
                                    </a>
                                    <div class="collapse menu-dropdown" id="settings">
                                        <ul class="nav nav-sm flex-column">
                                            <li class="nav-item">
                                                <a href="{{ route('web.setting') }}" class="nav-link">
                                                    <i class="fas fa-plus-square me-2"></i>Web Setting
                                                </a>
                                                <a href="{{ route('menu.builder') }}" class="nav-link">
                                                    <i class="fas fa-plus-square me-2"></i>Menu Order
                                                </a>
                                            </li>
                                                                                    
                                        </ul>
                                    </div>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="#order" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="order">
                                        <i class="fas fa-shopping-cart"></i><span data-key="t-dashboards">Order</span>
                                    </a>
                                    <div class="collapse menu-dropdown" id="order">
                                        <ul class="nav nav-sm flex-column">
                                            <li class="nav-item">
                                               
                                                <a href="{{ route('order.list') }}" class="nav-link">
                                                    <i class="fas fa-plus-square me-2"></i>Order List
                                                </a>
                                            </li>
                                                                                    
                                        </ul>
                                    </div>
                                </li>
                    <!--        </ul>-->
                    <!--    </div>-->
                    <!--</li>-->


                       
                        <li class="nav-item">
                            <a href="{{ route('logout') }}" class="nav-link" href="#sidebarDashboards">
                                <i class="nav-icon fas fa-sign-out-alt"></i> <span data-key="t-dashboards">Logout</span>
                            </a>
                        </li>
                        <!-- end Dashboard Menu -->

                    </ul>
                </div>
                <!-- Sidebar -->
            </div>

            <div class="sidebar-background"></div>
        </div>
        <!-- Left Sidebar End -->