<!-- Top Bar Start -->
<div class="topbar">


	<!-- LOGO -->
	<div class="topbar-left">
		<div class="text-center">
			<a href="#" class="logo"><i class="mdi mdi-washing-machine"></i> <span>Mi preferida</span></a>
		</div>
	</div>

	<!-- Button mobile view to collapse sidebar menu -->
	<nav class="navbar-custom">

		<ul class="list-inline float-right mb-0">
			<li class="list-inline-item notification-list hide-phone">
				<a class="nav-link waves-light waves-effect" href="#" id="btn-fullscreen">
					<i class="mdi mdi-crop-free noti-icon"></i>
				</a>
			</li>

			<li class="list-inline-item dropdown notification-list">
				<a class="nav-link dropdown-toggle waves-effect waves-light nav-user" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
					<img src="../../img/logo.png" alt="user" class="rounded-circle">
				</a>
				<div class="dropdown-menu dropdown-menu-right profile-dropdown " aria-labelledby="Preview">

					<!-- item-->
					<a href="javascript:void(0);" class="dropdown-item notify-item">
						<i class="mdi mdi-account-star-variant"></i> <span>Perfil</span>
					</a>

					<!-- item-->
					<a href="../../login.php?logout" class="dropdown-item notify-item">
						<i class="mdi mdi-logout"></i> <span>Salir</span>
					</a>

				</div>
			</li>

		</ul>

		<ul class="list-inline menu-left mb-0">
			<li class="float-left">
				<button class="button-menu-mobile open-left waves-light waves-effect">
					<i class="mdi mdi-menu"></i>
				</button>
			</li>
		</ul>

	</nav>

</div>
<!-- Top Bar End -->
<!-- ========== Left Sidebar Start ========== -->

<div class="left side-menu">
	<div class="sidebar-inner slimscrollleft">
		<!--- Divider -->
		<div id="sidebar-menu">
			<ul>
				<li class="menu-title">Menu</li>

				<li>
					<a href="principal.php" class="waves-effect waves-primary"><i class="fa fa-home"></i><span> Inicio </span></a>
				</li>
				<li>
					<a href="../html/clientes.php" class="waves-effect waves-primary"><i class="fa fa-user"></i><span> Clientes </span></a>
				</li>
				<li>
					<a href="../html/proveedores.php" class="waves-effect waves-primary"><i class="fa fa-truck"></i><span> Proveedores </span></a>
				</li>
				<!--<li>
					<a href="mecanicos.php" class="waves-effect waves-primary"><i class="fa fa-american-sign-language-interpreting"></i><span> Mecánico </span></a>
				</li>-->
				<!--<li>
					<a href="empleados.php" class="waves-effect waves-primary"><i class="fa fa-users"></i><span> Empleados </span></a>
				</li>-->
				<li class="has_sub">
					<a href="javascript:void(0);" class="waves-effect waves-primary"><i class="fa fa-cubes"></i><span> Productos </span>
						<span class="menu-arrow"></span></a>
					<ul class="list-unstyled">
						<li><a href="../html/lineas.php">Categorias</a></li>
						<!--<li><a href="../html/sub_lineas.php">Sub Categorias</a></li>-->
						<li><a href="../html/productos.php">Inventario</a></li>
						<!--<li><a href="../html/ajustes.php">Ajuste de Inventario</a></li>-->
					</ul>
				</li>

				<li class="has_sub">
					<a href="javascript:void(0);" class="waves-effect waves-primary"><i class="fa fa-shopping-bag"></i><span> Compras </span> <span class="menu-arrow"></span></a>
					<ul class="list-unstyled">
						<li><a href="../html/new_compra.php">Nueva Compra</a></li>
						<li><a href="../html/bitacora_compras.php">Bitácora de Compras</a></li>
					</ul>
				</li>

				<!--<li>
									<a href="../html/traslados.php" class="waves-effect waves-primary"><i
										class="ti-truck"></i><span> Traslados </span></a>
									</li>-->

				<li class="has_sub">
					<a href="javascript:void(0);" class="waves-effect waves-primary"><i class="fa fa-cart-plus"></i><span> Ventas
						</span> <span class="menu-arrow"></span></a>
					<ul class="list-unstyled">
						<li><a href="../html/new_venta.php">Nueva Venta</a></li>
						<li><a href="../html/bitacora_ventas.php">Bitácora de Ventas</a></li>
						<!--<li><a href="../html/caja.php">Caja</a></li>-->
					</ul>
				</li>
				<!--<li class="has_sub">
					<a href="javascript:void(0);" class="waves-effect waves-primary"><i class="fa fa-tasks"></i><span> Cotización
						</span> <span class="menu-arrow"></span></a>
					<ul class="list-unstyled">
						<li><a href="../html/new_cotizacion.php">Nueva Cotización</a></li>
						<li><a href="../html/bitacora_cotizacion.php">Bitácora de Cotizacíon</a></li>
					</ul>
				</li>-->
				<li class="has_sub">
					<a href="javascript:void(0);" class="waves-effect waves-primary"><i class="fa fa-file"></i><span> Fact Pendientes
						</span> <span class="menu-arrow"></span></a>
					<ul class="list-unstyled">
						<!--<li><a href="../html/new_orden.php">Nueva Orden</a></li>-->
						<li><a href="../html/new_ordenes.php">Nuevo Pendiente</a></li>
						<li><a href="../html/bitacora_ordenes.php">Historial F Pendiente</a></li>
						<li><a href="../html/log_ordenes.php">Movim. de Pendiente</a></li>
					</ul>
				</li>
				<li class="has_sub">
					<a href="javascript:void(0);" class="waves-effect waves-primary"><i class="ti-harddrive"></i><span> Caja
						</span> <span class="menu-arrow"></span></a>
					<ul class="list-unstyled">
						<li><a href="../html/admin_caja.php">Salida de Efectivo</a></li>
						<li><a href="../html/control_caja.php">Control de Caja</a></li>
					</ul>
				</li>
				<!--<li class="has_sub">
					<a href="javascript:void(0);" class="waves-effect waves-primary"><i class="fa fa-random"></i><span> Traslados
						</span> <span class="menu-arrow"></span></a>
					<ul class="list-unstyled">
						<li><a href="../html/new_traslado.php">Nuevo Traslado</a></li>
						<li><a href="../html/bitacora_traslados.php">Bitácora de Traslado</a></li>
					</ul>
				</li>-->
				<!--<li class="has_sub">
					<a href="javascript:void(0);" class="waves-effect waves-primary"><i class="ti-agenda"></i><span> Cobros y Pagos </span>
						<span class="menu-arrow"></span></a>
					<ul class="list-unstyled">
						<li><a href="../html/cxc.php">Abono Cliente</a></li>
						<li><a href="../html/cxp.php">Abono Proveedor</a></li>
					</ul>
				</li>-->
				<li class="has_sub">
					<a href="javascript:void(0);" class="waves-effect waves-primary"><i class="fa fa-unlock-alt"></i><span> Usuarios </span>
						<span class="menu-arrow"></span></a>
					<ul class="list-unstyled">
						<li><a href="../html/grupos.php">Grupos de Permisos</a></li>
						<li><a href="../html/usuarios.php">Usuario</a></li>
					</ul>
				</li>

				<li class="has_sub">
					<a href="javascript:void(0);" class="waves-effect waves-primary"><i class="fa fa-file-text"></i><span> Reportes </span> <span class="menu-arrow"></span></a>
					<ul class="list-unstyled">
						<li><a href="../html/rep_producto.php">Reporte Productos</a></li>
						<li><a href="../html/rep_ventas.php">Reporte de Ventas</a></li>
						<!--<li><a href="../html/rep_mecanicos.php">Ventas por Mecánico</a></li>
						<li><a href="../html/rep_empleados.php">Ventas por Empleado</a></li>-->
						<!--<li><a href="../html/rep_ventas_users.php">Ventas por Usuarios</a></li>-->
						<!--<li><a href="../html/rep_ventas_users.php">Ventas por Usuarios</a></li>-->
						<li><a href="../html/rep_compras.php">Reporte de Compras</a></li>
						<li><a href="../html/rep_caja_chica.php">Reporte Caja chica</a></li>
						<li><a href="../html/rep_caja_general.php">Corte de Caja General</a></li>
						<li><a href="../html/rep_financiero.php">Reporte Financiero</a></li>
					</ul>
				</li>

				<li class="has_sub">
					<a href="javascript:void(0);" class="waves-effect waves-primary"><i class="fa fa-cog"></i><span> Configuración </span> <span class="menu-arrow"></span></a>
					<ul class="list-unstyled">
						<li><a href="../html/empresa.php">Empresa</a></li>
						<li><a href="../html/sucursales.php">Sucursales</a></li>
						<li><a href="../html/comprobantes.php">Comprobantes</a></li>
						<!--<li><a href="../html/impuestos.php">Impuestos</a></li>
						<li><a href="../html/backup.php">Backup</a></li>
						<li><a href="../html/restore.php">Restore</a></li>-->
					</ul>
				</li>

			</ul>

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