<!--start sidebar -->
<aside class="sidebar-wrapper" data-simplebar="true">
    <div class="sidebar-header">
        <div>
            <img src="../../img/logo-tianzi-1.png" class="logo-icon" alt="logo icon">
        </div>
        <div>
            <h4 class="logo-text"><a href="../inicio/inicio.php" class="text-dark">Tianzi Jeans</a></h4>
        </div>
        <div class="toggle-icon ms-auto text-dark"><ion-icon name="menu-sharp"></ion-icon>
        </div>
    </div>
    <!--navigation-->
    <ul class="metismenu" id="menu">


        <li class="menu-label">Contabilidad</li>

        <li>
            <a href="../caja/caja-panel.php">
                <div class="parent-icon">
                    <i class="fas fa-cash-register"></i>

                </div>
                <div class="menu-title">Cajas</div>
            </a>
        </li>
        <li>
            <a href="../cartera/cartera.php">
                <div class="parent-icon">
                    <ion-icon name="wallet"></ion-icon>
                </div>
                <div class="menu-title">Cartera</div>
            </a>
        </li>
        <li>
            <a href="../cruce/cruce.php">
                <div class="parent-icon">
                    <i class="  fas fa-random"></i>

                </div>
                <div class="menu-title">Cruce</div>
            </a>
        </li>
        <li>
            <a href="../nomina/nomina.php">
                <div class="parent-icon">
                    <i class="fas fa-file-invoice-dollar"></i>
                </div>
                <div class="menu-title">Nomina</div>
            </a>
        </li>
        <li>
            <a href="../recaudo/recaudo.php">
                <div class="parent-icon"><ion-icon name="bar-chart"></ion-icon>
                </div>
                <div class="menu-title">Recaudo</div>
            </a>
        </li>
        <li>
            <a href="../categoria-gasto/categoria.php">
                <div class="parent-icon">
                    <i class="  fas fa-th-large"></i>

                </div>
                <div class="menu-title">Categoria | Gastos</div>
            </a>
        </li>



        <li class="menu-label">Inventario</li>

        <li>
            <a href="../producto/producto.php">
                <div class="parent-icon">  
                    <i class="fab fa-product-hunt"></i>
                </div>
                <div class="menu-title">Productos</div>
            </a>
        </li>
        <li>
            <a href="../producto/producto.php">
                <div class="parent-icon">  
                    <i class="fa-solid fa-rug"></i>
                </div>
                <div class="menu-title">Tela</div>
            </a>
        </li>
        <li>
            <a href="../producto/producto.php">
                <div class="parent-icon">  
                    <i class="fa-solid fa-boxes-packing"></i>
                </div>
                <div class="menu-title">Insumos</div>
            </a>
        </li>

        <li class="menu-label">Compras</li>

        <li>
            <a href="../producto/producto.php">
                <div class="parent-icon">  
                    <i class="fa-solid fa-rug"></i>
                </div>
                <div class="menu-title">Tela</div>
            </a>
        </li>
        <li>
            <a href="../producto/producto.php">
                <div class="parent-icon">  
                    <i class="fa-solid fa-boxes-packing"></i>
                </div>
                <div class="menu-title">Insumos</div>
            </a>
        </li>


        <li class="menu-label">Ventas</li>

        <li>
            <a href="../compra/compra.php">
                <div class="parent-icon">
                    <i class="fa-solid fa-file-invoice"></i>
                </div>
                <div class="menu-title">Admin</div>
            </a>
        </li>

        <li>
            <a href="../compra/compra.php">
                <div class="parent-icon">
                    <i class="fa-brands fa-whatsapp"></i>
                </div>
                <div class="menu-title">Redes</div>
            </a>
        </li>

        <li>
            <a href="../compra/compra.php">
                <div class="parent-icon">
                    <i class="fa-solid fa-bag-shopping"></i>
                </div>
                <div class="menu-title">Shopping</div>
            </a>
        </li>


        <li class="menu-label">Registro</li>

        <li>
            <a href="../tercero/tercero.php">
                <div class="parent-icon">
                    <i class="fas fa-database"></i>
                </div>
                <div class="menu-title">Insumos</div>
            </a>
        </li>  
        <li>
            <a href="../usuario/usuario.php">
                <div class="parent-icon">
                    <i class="fas fa-database"></i>
                </div>
                <div class="menu-title">Servicios</div>
            </a>
        </li>
    </ul>
    <!--end navigation-->
</aside>
<!--end sidebar -->

<!--start top header-->
<header class="top-header">
    <nav class="navbar navbar-expand gap-3">
        <div class="mobile-menu-button"><ion-icon name="menu-sharp"></ion-icon></div>
        <div class="top-navbar-right ms-auto">
            <ul class="navbar-nav align-items-center">
                
                
                
                <li class="nav-item dropdown dropdown-large dropdown-apps">
                    <a class="nav-link dropdown-toggle dropdown-toggle-nocaret" href="javascript:;" data-bs-toggle="dropdown">
                        <div class="">
                            <ion-icon name="apps-sharp"  style="font-size: 25px;"></ion-icon>
                        </div>
                    </a>
                    <div class="dropdown-menu dropdown-menu-end dropdown-menu-dark">
                        <div class="row row-cols-3 g-3 p-3">
                            <div class="col text-center">
                                <a href="../venta/orden-pedido.php">
                                    <div class="app-box mx-auto bg-gradient-success text-white">  <i class="fa-solid fa-file-lines"></i>
                                    </div>
                                    <div class="app-title">Nueva Orden</div>
                                </a>
                            </div>
                            <div class="col text-center">
                                <a href="../despacho/despacho.php">
                                    <div class="app-box mx-auto bg-gradient-info text-white">  <i class="fa-solid fa-truck-fast"></i>
                                    </div>
                                    <div class="app-title">Depachos</div>
                                </a>
                            </div>
                            <div class="col text-center">
                                <a href="">
                                    <div class="app-box mx-auto bg-gradient-success text-white"><i class="fa-solid fa-box-open"></i>
                                    </div>
                                    <div class="app-title">Inventario</div>
                                </a>
                            </div>
                            <div class="col text-center">
                                <a href="../tercero/tercero.php">
                                    <div class="app-box mx-auto bg-gradient-danger text-white"> <ion-icon name="people"></ion-icon>
                                    </div>
                                    <div class="app-title">Terceros</div>  
                                </a>
                            </div>
                            <div class="col text-center">
                                <a href="../producto/producto.php">
                                    <div class="app-box mx-auto bg-gradient-royal text-white"><i class="fab fa-product-hunt"></i>
                                    </div>
                                    <div class="app-title">Productos</div>
                                </a>
                            </div>
                            <div class="col text-center">
                                <a href="../inicio/rpt-varios-criterios.php">
                                    <div class="app-box mx-auto bg-gradient-purple text-white"> <i class="far fa-hdd"></i>
                                    </div>
                                    <div class="app-title">Produccion</div>
                                </a>
                            </div>
                        </div>
                    </div>
                </li>


                <li class="nav-item dropdown dropdown-large">
                    <a class="nav-link dropdown-toggle dropdown-toggle-nocaret" href="javascript:;" data-bs-toggle="dropdown">
                        <div class="position-relative">
                            <span class="notify-badge">8</span>
                            <ion-icon name="notifications-sharp"  style="font-size: 25px;"></ion-icon>
                        </div>
                    </a>
                    <div class="dropdown-menu dropdown-menu-end">
                        <a href="javascript:;">
                            <div class="msg-header">
                                <p class="msg-header-title">Notifications</p>
                                <p class="msg-header-clear ms-auto">Marks all as read</p>
                            </div>
                        </a>
                        <div class="header-notifications-list">
                            <a class="dropdown-item" href="javascript:;">
                                <div class="d-flex align-items-center">
                                    <div class="notify text-primary"><ion-icon name="cart-outline"></ion-icon>
                                    </div>
                                    <div class="flex-grow-1">
                                        <h6 class="msg-name">New Orders <span class="msg-time float-end">2 min
                                                ago</span></h6>
                                        <p class="msg-info">You have recived new orders</p>
                                    </div>
                                </div>
                            </a>
                            <a class="dropdown-item" href="javascript:;">
                                <div class="d-flex align-items-center">
                                    <div class="notify text-danger"><ion-icon name="person-outline"></ion-icon>
                                    </div>
                                    <div class="flex-grow-1">
                                        <h6 class="msg-name">New Customers<span class="msg-time float-end">14 Sec
                                                ago</span></h6>
                                        <p class="msg-info">5 new user registered</p>
                                    </div>
                                </div>
                            </a>
                            <a class="dropdown-item" href="javascript:;">
                                <div class="d-flex align-items-center">
                                    <div class="notify text-success"><ion-icon name="document-outline"></ion-icon>
                                    </div>
                                    <div class="flex-grow-1">
                                        <h6 class="msg-name">24 PDF File<span class="msg-time float-end">19 min
                                                ago</span></h6>
                                        <p class="msg-info">The pdf files generated</p>
                                    </div>
                                </div>
                            </a>

                            <a class="dropdown-item" href="javascript:;">
                                <div class="d-flex align-items-center">
                                    <div class="notify text-info"><ion-icon name="checkmark-done-outline"></ion-icon>
                                    </div>
                                    <div class="flex-grow-1">
                                        <h6 class="msg-name">New Product Approved <span
                                                class="msg-time float-end">2 hrs ago</span></h6>
                                        <p class="msg-info">Your new product has approved</p>
                                    </div>
                                </div>
                            </a>
                            <a class="dropdown-item" href="javascript:;">
                                <div class="d-flex align-items-center">
                                    <div class="notify text-warning"><ion-icon name="send-outline"></ion-icon>
                                    </div>
                                    <div class="flex-grow-1">
                                        <h6 class="msg-name">Time Response <span class="msg-time float-end">28 min
                                                ago</span></h6>
                                        <p class="msg-info">5.1 min avarage time response</p>
                                    </div>
                                </div>
                            </a>
                            <a class="dropdown-item" href="javascript:;">
                                <div class="d-flex align-items-center">
                                    <div class="notify text-danger"><ion-icon name="chatbox-ellipses-outline"></ion-icon>
                                    </div>
                                    <div class="flex-grow-1">
                                        <h6 class="msg-name">New Comments <span class="msg-time float-end">4 hrs
                                                ago</span></h6>
                                        <p class="msg-info">New customer comments recived</p>
                                    </div>
                                </div>
                            </a>
                            <a class="dropdown-item" href="javascript:;">
                                <div class="d-flex align-items-center">
                                    <div class="notify text-primary"><ion-icon name="albums-outline"></ion-icon>
                                    </div>
                                    <div class="flex-grow-1">
                                        <h6 class="msg-name">New 24 authors<span class="msg-time float-end">1 day
                                                ago</span></h6>
                                        <p class="msg-info">24 new authors joined last week</p>
                                    </div>
                                </div>
                            </a>
                            <a class="dropdown-item" href="javascript:;">
                                <div class="d-flex align-items-center">
                                    <div class="notify text-success"><ion-icon name="shield-outline"></ion-icon>
                                    </div>
                                    <div class="flex-grow-1">
                                        <h6 class="msg-name">Your item is shipped <span class="msg-time float-end">5 hrs
                                                ago</span></h6>
                                        <p class="msg-info">Successfully shipped your item</p>
                                    </div>
                                </div>
                            </a>
                            <a class="dropdown-item" href="javascript:;">
                                <div class="d-flex align-items-center">
                                    <div class="notify text-warning"><ion-icon name="cafe-outline"></ion-icon>
                                    </div>
                                    <div class="flex-grow-1">
                                        <h6 class="msg-name">Defense Alerts <span class="msg-time float-end">2 weeks
                                                ago</span></h6>
                                        <p class="msg-info">45% less alerts last 4 weeks</p>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <a href="javascript:;">
                            <div class="text-center msg-footer">View All Notifications</div>
                        </a>
                    </div>
                </li>
                
                
                <li class="nav-item dropdown dropdown-user-setting">
                    <a class="nav-link dropdown-toggle dropdown-toggle-nocaret" href="javascript:;" data-bs-toggle="dropdown">
                        <div class="user-setting">
                            <img src="../../img/user.png" class="user-img" alt="">
                        </div>
                    </a>
                    <ul class="dropdown-menu dropdown-menu-end">
                        <li>
                            <a class="dropdown-item" href="#">
                                <div class="d-flex flex-row align-items-center gap-2">
                                    <img src="../../img/user.png" alt="" class="rounded-circle" width="54" height="54">
                                    <div class="">
                                        <h6 class="mb-0 dropdown-user-name"><?php echo $rowusu['nombre']; ?></h6>
                                        <small class="mb-0 dropdown-user-designation text-secondary"><?php echo $rowusu['rol']; ?></small>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li><hr class="dropdown-divider"></li>
                        <li>
                            <a class="dropdown-item" href="../../script/login-salir.php">
                                <div class="d-flex align-items-center">
                                    <div class=""><ion-icon name="log-out-outline"></ion-icon></div>
                                    <div class="ms-3"><span>Cerrar sesion</span></div>
                                </div>
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </nav>
</header>
<!--end top header-->