<?
$r="../";
require_once($r."inc/funciones.php");
$mysqli = connectDB($r);
$sql="";
$ver=$_GET['ver'];
if($ver=="1"){$tabla="z_productos";$parametro="id";$parametro1="producto";$parametro2="idproducto";}
elseif($ver=="2"){$tabla="z_ruteros";$parametro="id";$parametro1="nombre";$parametro2="idrutero";}

$ruta=$_GET['ruta'];
if($ruta!=""){$sql.='WHERE z_clientes.ruta='.$ruta;}
$tipo=$_GET['tipo'];
if($tipo!=""){if($sql!=""){$sql.=' AND ';}else{$sql.= ' WHERE ';} $sql.='z_clientes.tipocliente='.$tipo;}
$estado=$_GET['estado'];
if($estado!=""){if($sql!=""){$sql.=' AND ';}else{$sql.= ' WHERE ';} $sql.='z_pedidos.estado='.$estado;}
$pago=$_GET['pago'];
if($pago!=""){if($sql!=""){$sql.=' AND ';}else{$sql.= ' WHERE ';} $sql.='z_pedidos.pago='.$pago;}
$call=$_GET['call'];
if($call!=""){if($sql!=""){$sql.=' AND ';}else{$sql.= ' WHERE ';} $sql.='z_pedidos.iduser='.$call;}
$cliente=$_GET['cliente'];
if($cliente!=""){if($sql!=""){$sql.=' AND ';}else{$sql.=' WHERE ';}  $sql.='z_pedidos.idcliente='.$cliente;}
$inicio=$_GET['inicial'];if($inicio==""){$inicio="2018-08-01";}
$final=$_GET['final'];if($final==""){$final= date("Y-m-d");}

?>

<!DOCTYPE html>
<html lang="es">
  
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="">
  <meta name="author" content="">
  <meta http-equiv="Expires" content="0">
  <meta http-equiv="Last-Modified" content="0">
  <meta http-equiv="Cache-Control" content="no-cache, mustrevalidate">
  <meta http-equiv="Pragma" content="no-cache">
  <title>SB Admin - Start Bootstrap Template</title>
  <!-- Bootstrap core CSS-->
  <link href="../vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <!-- Custom fonts for this template-->
  <link href="../vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
  <link href="../vendor/icomoon/style.css" rel="stylesheet" type="text/css">
  <!-- Page level plugin CSS-->
  <link href="../vendor/datatables/dataTables.bootstrap4.css" rel="stylesheet">
  <link href="../vendor/lightbox/bootstrap-lightbox.min.css" rel="stylesheet">
  <link href="../vendor/lightbox/bootstrap-lightbox.css" rel="stylesheet">
  <link href="../vendor/sweet/sweetalert.css" rel="stylesheet">
  <!-- Custom styles for this template-->
  <link href="../vendor/base/css/sb-admin.css" rel="stylesheet">
  <link href="../vendor/chosen/chosen.css" rel="stylesheet">
  <link href="../vendor/buttons-master/component-buttons.min.css" rel="stylesheet" type="text/css">
  <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
      google.charts.load('current', {'packages':['bar']});
      google.charts.setOnLoadCallback(drawChart);

      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['MES',<?$longitud = count($arrayproductos);for($i=0; $i<$longitud; $i++){echo "'".$arrayproductos[$i]."'";$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],
          <?if($seps18==1){?>['Sep',<?$longitud = count($sep18);for($i=0; $i<$longitud; $i++){echo $sep18[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($octs18==1){?>['Oct',<?$longitud = count($oct18);for($i=0; $i<$longitud; $i++){echo $oct18[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($novs18==1){?>['Nov',<?$longitud = count($nov18);for($i=0; $i<$longitud; $i++){echo $nov18[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($dics18==1){?>['Dic',<?$longitud = count($dic18);for($i=0; $i<$longitud; $i++){echo $dic18[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          
          <?if($enes19==1){?>['Ene',<?$longitud = count($ene19);for($i=0; $i<$longitud; $i++){echo $ene19[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($febs19==1){?>['Feb',<?$longitud = count($oct19);for($i=0; $i<$longitud; $i++){echo $feb19[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($mars19==1){?>['Mar',<?$longitud = count($nov19);for($i=0; $i<$longitud; $i++){echo $mar19[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($abrs19==1){?>['Abr',<?$longitud = count($dic19);for($i=0; $i<$longitud; $i++){echo $abr19[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($mays19==1){?>['May',<?$longitud = count($sep19);for($i=0; $i<$longitud; $i++){echo $may19[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($juns19==1){?>['Jun',<?$longitud = count($oct19);for($i=0; $i<$longitud; $i++){echo $jun19[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($juls19==1){?>['Jul',<?$longitud = count($nov19);for($i=0; $i<$longitud; $i++){echo $jul19[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($agos19==1){?>['Ago',<?$longitud = count($dic19);for($i=0; $i<$longitud; $i++){echo $ago19[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($seps19==1){?>['Sep',<?$longitud = count($sep19);for($i=0; $i<$longitud; $i++){echo $sep19[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($octs19==1){?>['Oct',<?$longitud = count($oct19);for($i=0; $i<$longitud; $i++){echo $oct19[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($novs19==1){?>['Nov',<?$longitud = count($nov19);for($i=0; $i<$longitud; $i++){echo $nov19[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($dics19==1){?>['Dic',<?$longitud = count($dic19);for($i=0; $i<$longitud; $i++){echo $dic19[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          
          <?if($enes20==1){?>['Ene',<?$longitud = count($ene20);for($i=0; $i<$longitud; $i++){echo $ene20[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($febs20==1){?>['Feb',<?$longitud = count($oct20);for($i=0; $i<$longitud; $i++){echo $feb20[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($mars20==1){?>['Mar',<?$longitud = count($nov20);for($i=0; $i<$longitud; $i++){echo $mar20[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($abrs20==1){?>['Abr',<?$longitud = count($dic20);for($i=0; $i<$longitud; $i++){echo $abr20[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($mays20==1){?>['May',<?$longitud = count($sep20);for($i=0; $i<$longitud; $i++){echo $may20[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($juns20==1){?>['Jun',<?$longitud = count($oct20);for($i=0; $i<$longitud; $i++){echo $jun20[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($juls20==1){?>['Jul',<?$longitud = count($nov20);for($i=0; $i<$longitud; $i++){echo $jul20[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($agos20==1){?>['Ago',<?$longitud = count($dic20);for($i=0; $i<$longitud; $i++){echo $ago20[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($seps20==1){?>['Sep',<?$longitud = count($sep20);for($i=0; $i<$longitud; $i++){echo $sep20[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($octs20==1){?>['Oct',<?$longitud = count($oct20);for($i=0; $i<$longitud; $i++){echo $oct20[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($novs20==1){?>['Nov',<?$longitud = count($nov20);for($i=0; $i<$longitud; $i++){echo $nov20[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($dics20==1){?>['Dic',<?$longitud = count($dic20);for($i=0; $i<$longitud; $i++){echo $dic20[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          
          <?if($enes21==1){?>['Ene',<?$longitud = count($ene21);for($i=0; $i<$longitud; $i++){echo $ene21[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($febs21==1){?>['Feb',<?$longitud = count($oct21);for($i=0; $i<$longitud; $i++){echo $feb21[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($mars21==1){?>['Mar',<?$longitud = count($nov21);for($i=0; $i<$longitud; $i++){echo $mar21[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($abrs21==1){?>['Abr',<?$longitud = count($dic21);for($i=0; $i<$longitud; $i++){echo $abr21[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($mays21==1){?>['May',<?$longitud = count($sep21);for($i=0; $i<$longitud; $i++){echo $may21[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($juns21==1){?>['Jun',<?$longitud = count($oct21);for($i=0; $i<$longitud; $i++){echo $jun21[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($juls21==1){?>['Jul',<?$longitud = count($nov21);for($i=0; $i<$longitud; $i++){echo $jul21[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($agos21==1){?>['Ago',<?$longitud = count($dic21);for($i=0; $i<$longitud; $i++){echo $ago21[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($seps21==1){?>['Sep',<?$longitud = count($sep21);for($i=0; $i<$longitud; $i++){echo $sep21[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($octs21==1){?>['Oct',<?$longitud = count($oct21);for($i=0; $i<$longitud; $i++){echo $oct21[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($novs21==1){?>['Nov',<?$longitud = count($nov21);for($i=0; $i<$longitud; $i++){echo $nov21[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($dics21==1){?>['Dic',<?$longitud = count($dic21);for($i=0; $i<$longitud; $i++){echo $dic21[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          
          <?if($enes22==1){?>['Ene',<?$longitud = count($ene22);for($i=0; $i<$longitud; $i++){echo $ene22[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($febs22==1){?>['Feb',<?$longitud = count($oct22);for($i=0; $i<$longitud; $i++){echo $feb22[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($mars22==1){?>['Mar',<?$longitud = count($nov22);for($i=0; $i<$longitud; $i++){echo $mar22[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($abrs22==1){?>['Abr',<?$longitud = count($dic22);for($i=0; $i<$longitud; $i++){echo $abr22[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($mays22==1){?>['May',<?$longitud = count($sep22);for($i=0; $i<$longitud; $i++){echo $may22[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($juns22==1){?>['Jun',<?$longitud = count($oct22);for($i=0; $i<$longitud; $i++){echo $jun22[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($juls22==1){?>['Jul',<?$longitud = count($nov22);for($i=0; $i<$longitud; $i++){echo $jul22[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($agos22==1){?>['Ago',<?$longitud = count($dic22);for($i=0; $i<$longitud; $i++){echo $ago22[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($seps22==1){?>['Sep',<?$longitud = count($sep22);for($i=0; $i<$longitud; $i++){echo $sep22[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($octs22==1){?>['Oct',<?$longitud = count($oct22);for($i=0; $i<$longitud; $i++){echo $oct22[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($novs22==1){?>['Nov',<?$longitud = count($nov22);for($i=0; $i<$longitud; $i++){echo $nov22[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
          <?if($dics22==1){?>['Dic',<?$longitud = count($dic22);for($i=0; $i<$longitud; $i++){echo $dic22[$i];$longitud2=$longitud-1;if($i<$longitud2){echo ',';}}?>],<? } ?>
        ]);

        var options = {
          chart: {
            title: 'PRACTIPASTAJJ',
            subtitle: 'Productos',
          },
          bars: 'vertical' , // Required for Material Bar Charts.
          colors: ['#ffe400', '#0060ff', '#fbfbfb', '#ff002a', '#18ff00', '#55b34b', '#f3ad26', '#820bf5', '#0bf2f5', '#f56e0b', '#b75812', '#6a3a16']
        };

        var chart = new google.charts.Bar(document.getElementById('barchart_material'));

        chart.draw(data, google.charts.Bar.convertOptions(options));
      }
    
    </script>
    <style>
        table{
            border-collapse: collapse; /* Los bordes de la tabla se pegarán (mejor aspecto) */
            text-align:center;
        }
        td, th{
            border: 1px solid black;
        }
        th{
            font-size: 10px;
        }
    </style>
</head>  <style>
      .container-fluid{padding-right:5px;padding-left:5px;}
  </style>
<script>
  function limpiarFormulario() {
    document.getElementById("miForm").reset();
  }
</script>
<body class="fixed-nav sticky-footer sidenav-toggled bg-dark" id="page-top">
  <div class="content-wrapper">
    <div class="container-fluid">
      

<!-- Navigation-->
<div class="container" >
    <div id="msn-alert" style="z-index:99999;position:fixed;width:90%;padding-left:10%;bottom:40px;left:0px;margin:0 auto;">
    </div>
</div>
 <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" id="mainNav">
    <a class="navbar-brand" href="../dashboard.php">PRACTIPASTA JJ</a>
    <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarResponsive">
      <ul class="navbar-nav navbar-sidenav" id="exampleAccordion">
        <li class="nav-item" data-toggle="tooltip" data-placement="right" title="Daniel Elias Bernal Triana">
          <a class="nav-link"><i class="fa fa-user-circle"></i><span class="nav-link-text"> Daniel Elias Bernal Triana</span></a>
        </li>
        <li class="nav-item" data-toggle="tooltip" data-placement="right" title="Usuarios">
          <a class="nav-link nav-link-collapse collapsed" data-toggle="collapse" href="#usuarios" data-parent="#exampleAccordion">
            <i class="fa fa-users"></i><span class="nav-link-text">  Usuarios</span>
          </a>
          <ul class="sidenav-second-level collapse" id="usuarios">
              
            <li>
              <a class="nav-link-collapse collapsed" data-toggle="collapse" href="#clientes"><i class="fa fa-users"></i> Clientes</a>
              <ul class="sidenav-third-level collapse" id="clientes">
                <li>
                  <a href="../usuarios/cliente/nuevo.php"><i class="fa fa-plus"></i> Nuevo</a>
                </li>
                <li>
                  <a href="../usuarios/cliente/"><i class="fa fa-eye"></i> Ver Todos</a>
                </li>
                <li>
                  <a href="../usuarios/cliente/activar.php"><i class="fa fa-pencil"></i> Activar</a>
                </li>
                <li>
                  <a href="../usuarios/cliente/consultar.php"><i class="fa fa-search"></i> Consultar</a>
                </li>
                <li>
              <a class="nav-link-collapse collapsed" data-toggle="collapse" href="#distribuidor"><i class="fa fa-star"></i> Cliente Especial</a>
              <ul class="sidenav-four-level collapse" id="distribuidor">
                <li>
                  <a href="../usuarios/distribuidor/nuevo.php"><i class="fa fa-plus"></i> Nuevo</a>
                </li>
                <li>
                  <a href="../usuarios/distribuidor/"><i class="fa fa-eye"></i> Ver Todos</a>
                </li>
              </ul>
            </li>
              </ul>
            </li>
                        <li>
              <a class="nav-link-collapse collapsed" data-toggle="collapse" href="#admin"><i class="fa fa-gears"></i> Administradores</a>
              <ul class="sidenav-third-level collapse" id="admin">
                <li>
                  <a href="../usuarios/admin/nuevo.php"><i class="fa fa-plus"></i> Nuevo</a>
                </li>
                <li>
                  <a href="../usuarios/admin/"><i class="fa fa-eye"></i> Ver Todos</a>
                </li>
              </ul>
            </li>
                        <li>
              <a class="nav-link-collapse collapsed" data-toggle="collapse" href="#rutero"><i class="icon-casco"></i> Domiciliarios</a>
              <ul class="sidenav-third-level collapse" id="rutero">
                <li>
                  <a href="../usuarios/rutero/nuevo.php"><i class="fa fa-plus"></i> Nuevo</a>
                </li>
                <li>
                  <a href="../usuarios/rutero/"><i class="fa fa-eye"></i> Ver Todos</a>
                </li>
              </ul>
            </li>
            
            <li>
              <a class="nav-link-collapse collapsed" data-toggle="collapse" href="#call"><i class="fa fa-headphones"></i> Call-Center</a>
              <ul class="sidenav-third-level collapse" id="call">
                <li>
                  <a href="../usuarios/callcenter/nuevo.php"><i class="fa fa-plus"></i> Nuevo</a>
                </li>
                <li>
                  <a href="../usuarios/callcenter/"><i class="fa fa-eye"></i> Ver Todos</a>
                </li>
              </ul>
            </li>
            <li>
              <a class="nav-link-collapse collapsed" data-toggle="collapse" href="#bodega"><i class="icon-bodega"></i> Bodega</a>
              <ul class="sidenav-third-level collapse" id="bodega">
                <li>
                  <a href="../usuarios/bodega/nuevo.php"><i class="fa fa-plus"></i> Nuevo</a>
                </li>
                <li>
                  <a href="../usuarios/bodega/"><i class="fa fa-eye"></i> Ver Todos</a>
                </li>
              </ul>
            </li>
          </ul>
        </li>
        
        <li class="nav-item" data-toggle="tooltip" data-placement="right" title="Productos">
          <a class="nav-link nav-link-collapse collapsed" data-toggle="collapse" href="#productos" data-parent="#exampleAccordion">
            <i class="fa fa-shopping-bag"></i><span class="nav-link-text"> Productos</span>
          </a>
          <ul class="sidenav-second-level collapse" id="productos">
            <li>
              <a href="../productos/nuevo.php"><i class="fa fa-plus"></i> Nueva</a>
            </li>
            <li>
              <a href="../productos/"><i class="fa fa-eye"></i> Ver Todos</a>
            </li>
            <li>
              <a href="../productos/consultar.php"><i class="fa fa-search"></i>consultar</a>
            </li>
            
           
          </ul>
        </li>
        <li class="nav-item" data-toggle="tooltip" data-placement="right" title="pedidos">
          <a class="nav-link nav-link-collapse collapsed" data-toggle="collapse" href="#pedidos" data-parent="#exampleAccordion">
            <i class="fa fa-shopping-basket"></i><span class="nav-link-text">  Pedidos</span>
          </a>
          <ul class="sidenav-second-level collapse" id="pedidos">
            <li>
              <a href="../pedido/aprobar-pedido.php"><i class="fa fa-check"></i> Por Aprobar</a>
            </li>
            <li>
              <a class="nav-link-collapse collapsed" data-toggle="collapse" href="#aprobar"><i class="fa fa-check-square-o"></i> Por Cobrar</a>
              <ul class="sidenav-third-level collapse" id="aprobar">
                <li>
                  <a href="../pedido/cobrar.php"><i class="fa fa-list"></i> Por Pedido</a>
                </li>
                <li>
                  <a href="../pedido/cobrar-domiciliarios.php"><i class="icon-casco"></i> Por Domiciliario</a>
                </li>
            </ul>
            </li>
            <li>
              <a href="../caja/prints.php"><i class="fa fa-print"></i> Por imprimir</a>
            </li>
            <li>
              <a href="../pedido/"><i class="fa fa-plus"></i> Nuevo</a>
            </li>
            <li>
              <a href="../pedido/mis-pedidos.php"><i class="fa fa-eye"></i> Mis Pedidos</a>
            </li>
            <li>
              <a href="../pedido/consultar.php"><i class="fa fa-search"></i> Consultar</a>
            </li>
            <li>
              <a href="../pedido/lista-reasignar-domiciliario.php"><i class="fa fa-refresh"></i> Reasignar rutero</a>
            </li>
          </ul>
        </li>
        <li class="nav-item" data-toggle="tooltip" data-placement="right" title="Bodega">
          <a class="nav-link nav-link-collapse collapsed" data-toggle="collapse" href="#sbodega" data-parent="#exampleAccordion">
            <i class="icon-bodega"></i><span class="nav-link-text">  Bodega</span>
          </a>
          <ul class="sidenav-second-level collapse" id="sbodega">
            <li>
              <a href="../bodega/index.php"><i class="fa fa-plus"></i> Entregar por Domiciliario</a>
            </li>
            
            <li>
              <a href="../bodega/por-entregar-pedido.php"><i class="fa fa-plus"></i> Entregar por Cliente</a>
            </li>
            <li>
              <a href="../bodega/devolucion.php"><i class="fa fa-remove"></i> Devoluciones</a>
            </li>
            
            <li>
              <a href="../bodega/devolucion-especial.php"><i class="fa fa-remove"></i> Devolucion especial</a>
            </li>
            <li>
              <a href="../bodega/inventario.php"><i class="icon-bodega"></i> Cargar Inventario</a>
            </li>
            <li>
              <a href="../bodega/tabla.php"><i class="icon-bodega"></i>Inventario</a>
            </li>
          </ul>
        </li>
        <!--
        <li class="nav-item" data-toggle="tooltip" data-placement="right" title="Sucursales">
          <a class="nav-link nav-link-collapse collapsed" data-toggle="collapse" href="#sucursales" data-parent="#exampleAccordion">
            <i class="fa fa-map-o"></i><span class="nav-link-text"> Sucursales</span>
          </a>
          <ul class="sidenav-second-level collapse" id="sucursales">
            <li>
              <a href="../sucursales/nuevo.php"><i class="fa fa-plus"></i> Nueva</a>
            </li>
            <li>
              <a href="../sucursales/"><i class="fa fa-eye"></i> Ver Todas</a>
            </li>
          </ul>
        </li>
        
        <li class="nav-item" data-toggle="tooltip" data-placement="right" title="Zonas">
          <a class="nav-link nav-link-collapse collapsed" data-toggle="collapse" href="#zonas" data-parent="#exampleAccordion">
            <i class="fa fa-map-signs"></i><span class="nav-link-text"> Zonas</span>
          </a>
          <ul class="sidenav-second-level collapse" id="zonas">
            <li>
              <a href="../zonas/nuevo.php"><i class="fa fa-plus"></i> Nueva</a>
            </li>
            <li>
              <a href="../zonas/asignar.php"><i class="fa fa-check"></i> Asignar</a>
            </li>
            <li>
              <a href="../zonas/"><i class="fa fa-eye"></i> Ver Todas</a>
            </li>
          </ul>
        </li>
        -->
        <li class="nav-item" data-toggle="tooltip" data-placement="right" title="Rutas">
          <a class="nav-link nav-link-collapse collapsed" data-toggle="collapse" href="#ruta" data-parent="#exampleAccordion">
            <i class="fa fa-map-signs"></i><span class="nav-link-text"> Rutas</span>
          </a>
          <ul class="sidenav-second-level collapse" id="ruta">
            <li>
              <a href="../ruta/nueva.php"><i class="fa fa-plus"></i> Nueva</a>
            </li>
            <li>
              <a href="../ruta/"><i class="fa fa-eye"></i> Ver Todas</a>
            </li>
          </ul>
        </li>
        <li class="nav-item" data-toggle="tooltip" data-placement="right" title="Gastos-Inversiones">
          <a class="nav-link nav-link-collapse collapsed" data-toggle="collapse" href="#gastos" data-parent="#exampleAccordion">
            <i class="fa fa-money"></i><span class="nav-link-text"> Gastos/Inversiones</span>
          </a>
          <ul class="sidenav-second-level collapse" id="gastos">
            <li>
              <a href="../caja/cinversion.php"><i class="fa fa-plus"></i> Nueva Categoria</a>
            </li>
            <li>
              <a href="../caja/tinversion.php"><i class="fa fa-plus"></i> Nuevo tipo</a>
            </li>
            <li>
              <a href="../caja/gasto.php"><i class="fa fa-plus"></i> Nuevo</a>
            </li>
            <li>
              <a href="../caja/ver-gasto.php"><i class="fa fa-eye"></i> Ver Todos</a>
            </li>
            <li>
              <a href="../caja/consultar.php"><i class="fa fa-eye"></i> Consultar</a>
            </li>
          </ul>
        </li>
        
        <li class="nav-item" data-toggle="tooltip" data-placement="right" title="Legalización">
          <a class="nav-link nav-link-collapse collapsed" data-toggle="collapse" href="#Legalizacion" data-parent="#exampleAccordion">
            <i class="fa fa-flash"></i><span class="nav-link-text"> Legalización</span>
          </a>
          <ul class="sidenav-second-level collapse" id="Legalizacion">
            <li>
              <a href="../pago/lista.php"><i class="fa fa-plus"></i> rutero</a>
            </li>
            <li>
              <a href="../pago/ver.php"><i class="fa fa-plus"></i> ver</a>
            </li>
          </ul>
        </li>
        
        <li class="nav-item" data-toggle="tooltip" data-placement="right" title="Reportes">
          <a class="nav-link nav-link-collapse collapsed" data-toggle="collapse" href="#reportes" data-parent="#exampleAccordion">

            <i class="fa fa-bar-chart"></i><span class="nav-link-text">  Reportes</span>
          </a>
          <ul class="sidenav-second-level collapse" id="reportes">
            <li>
              <a href="http://practipastajj.com/dashboard/graficas/productos.php"><i class="fa fa-money"></i> Grafica Por Poducto</a>
            </li>
            <li>
              <a href="http://practipastajj.com/dashboard/graficas/ventas.php"><i class="fa fa-bar-chart"></i> Grafica Por Ventas</a>
             </li>
            <li>
              <a class="nav-link-collapse collapsed" data-toggle="collapse" href="#rcall"><i class="fa fa-headphones"></i> Call-Canter</a>
              <ul class="sidenav-third-level collapse" id="rcall">
                <li>
                  <a href="#"><i class="fa fa-search"></i> Pedidos por Agente</a>
                </li>
              </ul>
            </li>
          </ul>
        </li>
      </ul>
      <ul class="navbar-nav sidenav-toggler">
        <li class="nav-item">
          <a class="nav-link text-center" id="sidenavToggler">
            <i class="fa fa-fw fa-angle-left"></i>
          </a>
        </li>
      </ul>
      <ul class="navbar-nav ml-auto">
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle mr-lg-2" id="messagesDropdown" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            <i class="fa fa-fw fa-envelope"></i>
            <span class="d-lg-none">Messages
              <span class="badge badge-pill badge-primary">12 New</span>
            </span>
            <span class="indicator text-primary d-none d-lg-block">
              <i class="fa fa-fw fa-circle"><span class="alertnum text-white">3</span></i>
            </span>
          </a>
          <div class="dropdown-menu" aria-labelledby="messagesDropdown">
            <h6 class="dropdown-header">New Messages:</h6>
            <div class="dropdown-divider"></div>
            <a class="dropdown-item" href="#">
              <strong>David Miller</strong>
              <span class="small float-right text-muted">11:21 AM</span>
              <div class="dropdown-message small">Hey there! This new version of SB Admin is pretty awesome! These messages clip off when they reach the end of the box so they don't overflow over to the sides!</div>
            </a>
            <div class="dropdown-divider"></div>
            <a class="dropdown-item" href="#">
              <strong>Jane Smith</strong>
              <span class="small float-right text-muted">11:21 AM</span>
              <div class="dropdown-message small">I was wondering if you could meet for an appointment at 3:00 instead of 4:00. Thanks!</div>
            </a>
            <div class="dropdown-divider"></div>
            <a class="dropdown-item" href="#">
              <strong>John Doe</strong>
              <span class="small float-right text-muted">11:21 AM</span>
              <div class="dropdown-message small">I've sent the final files over to you for review. When you're able to sign off of them let me know and we can discuss distribution.</div>
            </a>
            <div class="dropdown-divider"></div>
            <a class="dropdown-item small" href="#">View all messages</a>
          </div>
        </li>
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle mr-lg-2" id="alertsDropdown" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            <i class="fa fa-fw fa-bell"></i>
            <span class="d-lg-none">Alerts
              <span class="badge badge-pill badge-warning">6 New</span>
            </span>
            <span class="indicator text-warning d-none d-lg-block">
              <i class="fa fa-fw fa-circle"><span class="alertnum text-danger">3</span></i>
            </span>
          </a>
          <div class="dropdown-menu" aria-labelledby="alertsDropdown">
            <h6 class="dropdown-header">New Alerts:</h6>
            <div class="dropdown-divider"></div>
            <a class="dropdown-item" href="#">
              <span class="text-success">
                <strong>
                  <i class="fa fa-long-arrow-up fa-fw"></i>Status Update</strong>
              </span>
              <span class="small float-right text-muted">11:21 AM</span>
              <div class="dropdown-message small">This is an automated server response message. All systems are online.</div>
            </a>
            <div class="dropdown-divider"></div>
            <a class="dropdown-item" href="#">
              <span class="text-danger">
                <strong>
                  <i class="fa fa-long-arrow-down fa-fw"></i>Status Update</strong>
              </span>
              <span class="small float-right text-muted">11:21 AM</span>
              <div class="dropdown-message small">This is an automated server response message. All systems are online.</div>
            </a>
            <div class="dropdown-divider"></div>
            <a class="dropdown-item" href="#">
              <span class="text-success">
                <strong>
                  <i class="fa fa-long-arrow-up fa-fw"></i>Status Update</strong>
              </span>
              <span class="small float-right text-muted">11:21 AM</span>
              <div class="dropdown-message small">This is an automated server response message. All systems are online.</div>
            </a>
            <div class="dropdown-divider"></div>
            <a class="dropdown-item small" href="#">View all alerts</a>
          </div>
        </li>
        <li class="nav-item">
          <a href="/dashboard/logout.php" class="nav-link logout"><i class="fa fa-fw fa-sign-out"></i>Cerrar Session</a>
        </li>
      </ul>
    </div>
  </nav>
       
      <div id="barchart_material" style="width: 99vw; height: 500px;"></div>
    <table>
        <? foreach($mysqli->query("SELECT `idproducto`, SUM(`cantidad`) FROM z_pedidos INNER JOIN z_pedido ON z_pedidos.codigopedido = z_pedido.codigopedido WHERE z_pedidos.fecha BETWEEN '2019-03-04 00:00:00' AND '2019-03-15 23:59:59'GROUP BY idproducto") as $row) {
    
$row3=$mysqli->query("SELECT producto FROM z_productos WHERE id= $row[idproducto]");
$row4 = $row3->fetch_assoc();
echo "<tr>";
echo "<td>" . $row4['producto'] . "</td>";
echo "<td>" . $row['idproducto'] . "</td>";
echo "<td>" . $row['SUM(`cantidad`)'] . "</td>";
echo "</tr>"; 
}
?>
    </table>
   <div class="p-3 text-center">
     <a href="javascript:history.go(-1)" class="btn btn-primary m-1">Volver</a>
     <a href="productos.php" class="btn btn-primary m-1">Nueva Búsqueda</a>
   </div>
        
    <!-- /.container-fluid-->
    <!-- /.content-wrapper-->
    <footer class="sticky-footer">
      <div class="container">
        <div class="text-center">
          <small>Copyright © Practipasta JJ 2018 - Diseño exclusivo</small>
        </div>
      </div>
    </footer>
    <!-- Scroll to Top Button-->
    
    <!-- Scroll to Top Button-->
    <a class="scroll-to-top rounded" href="#page-top">
      <i class="fa fa-angle-up"></i>
    </a>
    <!-- Button trigger modal -->
   
    <!-- Bootstrap core JavaScript-->
    <script src="../vendor/jquery/jquery.min.js"></script>
    <script src="../vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
    <!-- Core plugin JavaScript-->
    <script src="../vendor/jquery-easing/jquery.easing.min.js"></script>
    <!-- Page level plugin JavaScript-->
    <script src="../vendor/chart/Chart.min.js"></script>
    <script src="../vendor/datatables/jquery.dataTables.js"></script>
    <script src="../vendor/datatables/dataTables.bootstrap4.js"></script>
    <!-- Form JavaScript-->
    <script src="../vendor/base/js/form.js"></script>
    <script src="../vendor/base/js/swal.js"></script>
    <!-- Custom scripts for all pages-->
    <script src="../vendor/base/js/sb-admin.min.js"></script>
    <!-- Custom scripts for this page-->
    <script src="../vendor/base/js/sb-admin-datatables.min.js"></script>
    <script src="../vendor/base/js/sb-admin-charts.min.js"></script>
    <script src="../vendor/sweet/sweetalert.js"></script>
    <script src="../vendor/chosen/chosen.jquery.min.js"></script>
    <script>
      $(function() {
        $('.chosen-select').chosen();
        $('.chosen-select-deselect').chosen({ allow_single_deselect: true });
      });
    </script></div>    </div>
  </div>
</body>
</html>