<?php
if (!isset($_SESSION['nombre'])) {
  header("Location: login");
}else{
  if ($_SESSION['escritorio']==1) {
    require_once "./modelos/Escritorio.php";
    
    $consulta = new Escritorio();
    //saldo de caja chica
   /*  $rsptasaldo = $consulta->saldocajachica();
    $regsaldo   = $rsptasaldo->fetch_object();
    $saldocaja  = $regsaldo->saldod;

    //moviento del día de caja chica
    $rsptamovimiento    = $consulta->movimientosdeldia(3);
    $regsamovimiento    = $rsptamovimiento->fetch_object();
    $movimientosdeldia  = $regsamovimiento->movimientosdeldia;
    if ($movimientosdeldia==''){
      $movimientosdeldia=0;
    }

    //moviento del mes de caja chica
    $rsptamovimientom   = $consulta->movimientosdelmes(3);
    $regsamovimientom   = $rsptamovimientom->fetch_object();
    $movimientosdelmes  = $regsamovimientom->movimientosdelmes;
    if ($movimientosdelmes==''){
      $movimientosdelmes=0;
    }

    //Cargo de caja chica del mes
    $rsptacargo         = $consulta->cargosdelmes(3);
    $regscargo          = $rsptacargo->fetch_object();
    $cargodelmes        = $regscargo->cargosdelmes;
    if ($cargodelmes==''){
      $cargodelmes=0;
    }

    //saldo de FaceBank
    $rsptasaldo = $consulta->saldofacebank();
    $regsaldo   = $rsptasaldo->fetch_object();
    $saldocaja1  = $regsaldo->saldod;

    //moviento del día de caja chica
    $rsptamovimiento    = $consulta->movimientosdeldia(5);
    $regsamovimiento    = $rsptamovimiento->fetch_object();
    $movimientosdeldia1  = $regsamovimiento->movimientosdeldia;
    if ($movimientosdeldia1==''){
      $movimientosdeldia1=0;
    }

    //moviento del mes de caja chica
    $rsptamovimientom   = $consulta->movimientosdelmes(5);
    $regsamovimientom   = $rsptamovimientom->fetch_object();
    $movimientosdelmes1  = $regsamovimientom->movimientosdelmes;
    if ($movimientosdelmes1==''){
      $movimientosdelmes1=0;
    }

    //Cargo de caja chica del mes
    $rsptacargo         = $consulta->cargosdelmes(5);
    $regscargo          = $rsptacargo->fetch_object();
    $cargodelmes1        = $regscargo->cargosdelmes;
    if ($cargodelmes1==''){
      $cargodelmes1=0;
    } */
   



    
    
    //obtener valores para los gasto cargar al grafico de barras
    $compras10 = $consulta->cajasultimos_12meses();
    $fechasc='';
    $totalesc1='0,0,0,0,0,';
    while ($regfechac=$compras10->fetch_object()) {
      $fechasc=$fechasc.'"'.$regfechac->fecha.'",';
      if ($regfechac->total<0){
        $regfechac->total=$regfechac->total*-1;
      };
      $totalesc1=$totalesc1.$regfechac->total.',';
    }
    //quitamos la ultima coma
    $fechasc  =substr($fechasc, 0, -1);
    $totalesc1 =substr($totalesc1, 0,-1);
    //echo $totalesc1;
   
    
    //obtener valores para las ventas por articulo cargar al grafico de barras
    $ventas30 = $consulta->ventasarticulos60diasmesanteriorencurso();
    $articuloa='';
    $cajasa   ='';
    
    while ($regarticulo=$ventas30->fetch_object()) {
      $articuloa  = $articuloa.'"'.$regarticulo->nombre.'",';
      $cajasa     = $cajasa.$regarticulo->unidades.',';
    }
    //quitamos la ultima coma
    $articuloa    = substr($articuloa, 0, -1);
    $cajasa       = substr($cajasa, 0,-1);

    $ventas60 = $consulta->ventasarticulos30diasmesaencurso();
    $articuloc='';
    $cajasc   ='';
    
    while ($regarticulo=$ventas60->fetch_object()) {
      $articuloc  = $articuloc.'"'.$regarticulo->nombre.'",';
      $cajasc     = $cajasc.$regarticulo->unidades.',';
    }
    //quitamos la ultima coma
    $articuloc    = substr($articuloc, 0, -1);
    $cajasc       = substr($cajasc, 0,-1);


    //obtener valores para las ventas por Vendedor cargar al grafico de barras
    $ventasv130  = $consulta->vendedormesanterior();
    $vendedora3  ='';
    $cajasav    ='';
    
    while ($regarticulov=$ventasv130->fetch_object()) {
      $vendedora3  = $vendedora3.'"'.$regarticulov->nombre.'",';
      $cajasav    = $cajasav.$regarticulov->cajas.',';
    }
    //quitamos la ultima coma
    $vendedora3    = substr($vendedora3, 0, -1);
    $cajasav      = substr($cajasav, 0,-1);

    $ventasv60  = $consulta->vendedormesencurso();
    $vendedorc  ='';
    $cajascv    ='';
    
    while ($regarticulovc=$ventasv60->fetch_object()) {
      $vendedorc  = $vendedorc.'"'.$regarticulovc->nombre.'",';
      $cajascv     = $cajascv.$regarticulovc->cajas.',';
    }
    //quitamos la ultima coma
    $vendedorc    = substr($vendedorc, 0, -1);
    $cajascv      = substr($cajascv, 0,-1);




    ?>
    <!-- Main content -->
  <section class="content-header">
   <!--  <h1>
    Información Relevante del Negocio
      <small></small>
    </h1>

    <p><br></p> -->

    
  
  </section>

  <!-- Main content -->
  <section class="content">
    <div class="row">
      <div class="col-xs-12">

         <!-- Caja Chica-->
        <!-- Small boxes (Stat box) -->
        <!-- Esta en el Gerencial -->
        <!-- /.box -->

       
         <!--Ventas Articulos x Vendedor - Mes en Curso-->     
        <div class="box box-primary">
            <div class="box-header with-border">		
              <h3 class="box-title">Ventas Articulos x Vendedor - Mes en Curso</h3>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
              <table id="example1" class="table table-bordered table-striped">
                <thead>
                <?php 
                //Buscamos los datos de la consulta
                $articulo   =[];
                $vendedor1  =[];
                $rsptaventasproductovendedor    = $consulta->ventasproductovendedor();
                while ($regvendedor=$rsptaventasproductovendedor->fetch_object()) {
                  $vendedor1[0] = $regvendedor->idarticulo;
                  $vendedor1[1] = $regvendedor->idvendedor;
                  $vendedor1[2] = $regvendedor->cajas;
                  $articulo[]  = $vendedor1;  
                } 
                //los articulo son las filas y los vendedores las columnas
                //colocamos los vendedores de cabeceras               
                $rsptavendedores  = $consulta->vendedores();
                $nro              =1; 
                $vendedores       =[];
                $totalescolumna   =[];
                ?>
                <tr>
                <td style="text-align:right;background-color:white"></td>
                <?php
                while ($regalmn=$rsptavendedores->fetch_object()) {
                  ?>  
                  <td style="text-align:center;background-color:<?php echo $regalmn->color; ?>" valign="middle"><?php echo $regalmn->nombre; ?></td>
                  <?php
                  $vendedores[]     = $regalmn->idvendedor;
                  $totalescolumna[] = 0;
                  $nro = $nro + 1;
                }  
                ?>
                <td style="color:#F4F6F6;text-align:center;background-color:#5D6D7E" valign="middle">TOTAL</td>
                </tr>
                </thead>
                <tbody> 
                <?php
                //Buscamos los totales por cada vendedor
                $total            = 0;
                $rsptaarticulos   = $consulta->articulos();
                $totalesfila      =[];
                while ($regart=$rsptaarticulos->fetch_object()) {
                  $totalfila     = 0;
                  $idarticulo    = $regart->idarticulo;
                  $indixe         = 0;
                  foreach ($vendedores as &$valor) {
                    $idvendedor                   = $valor;
                    $rsptaventasproductovendedor  = $consulta->ventasproductovendedor(); 
                    $cajas                        = 0;
                    foreach ($articulo as $v) {
                      if ($idarticulo==$v[0]&&$idvendedor==$v[1]) {
                        $cajas = $v[2];
                      }
                    }
                    if ($cajas>0) {
                     $totalfila     = $totalfila  + $cajas;
                    }
                    $totalescolumna[$indixe] = $totalescolumna[$indixe] + $cajas;
                    $indixe = $indixe +1;
                  }
                  $totalesfila[]  =  $totalfila; 
                } 
                //Obtenemos el total de cajas
                $totalcajas            = 0;
                foreach ($totalescolumna as &$valor) {
                  $totalcajas      = $totalcajas + $valor;
                }
                ?>
                <!-- <tfoot> -->
                  <tr>
                  <td style="color:#F4F6F6;text-align:center;background-color:#5D6D7E"><FONT SIZE=1.6>TOTAL POR CAJAS</FONT></td>
                    <?php
                    $total            = 0;
                    foreach ($totalescolumna as &$valor) {
                      $porcentaje = 0;
                      $etiqueta   = '<span class="description-percentage text-white"><h6><FONT SIZE=1>'.$porcentaje.'%'.'</FONT></h6></span>';
                      if ($valor>0){
                        
                        $porcentaje =  number_format((($valor/$totalcajas)*100),1);
                        $etiqueta   = '<span class="description-percentage text-white"><h6><FONT SIZE=1>'.$porcentaje.'%'.'</FONT></h6></span>';
                      }
                      
                    ?>
                        <td style="color:#F4F6F6;text-align:center;border: inset 0pt;background-color:#5D6D7E;"><?php echo number_format($valor,0,',','.').' '.$etiqueta; ?></td>
                    <?php
                    $total      = $total + $valor;
                    }
                    ?>
                    <td style="color:#F4F6F6;text-align:center;background-color:#5D6D7E"><?php echo number_format($total,0,',','.'); ?></td>
                </tr>
               <!--  </tfoot> 
               <span class="description-percentage text-green"><i class="fa fa-caret-up"></i> 17%</span>
              <i class="fa fa-caret-up"></i> 17%
              <h6><FONT SIZE=1>'.$porcentaje.'%'.'</FONT></h6>
              -->
                <?php
                //Ahora llenamos la tablas
                $total            = 0;
                $rsptaarticulos   = $consulta->articulos();
                $fila             = 0;
                while ($regart=$rsptaarticulos->fetch_object()) {
                  $totalfila     = 0;
                  $idarticulo       = $regart->idarticulo;
                  ?>
                  <tr>  
                  <td style="font-size:70%;"><?php echo substr($regart->nombre, 0, 18); ?></td>
                  <?php
                  $indixe = 0;
                  foreach ($vendedores as &$valor) {
                    $idvendedor                   = $valor;
                    $rsptaventasproductovendedor  = $consulta->ventasproductovendedor(); 
                    $cajas                        = 0;
                    foreach ($articulo as $v) {
                      if ($idarticulo==$v[0]&&$idvendedor==$v[1]) {
                        $cajas = $v[2];
                      }
                    }
                    if ($cajas>0) {
                      
                      $porcentaje =  number_format((($cajas / $totalesfila[$fila])*100),1);
                      ?>
                      <td style="text-align:center;border: inset 0pt"><?php echo number_format( $cajas,0,',','.').' '.'<span class="description-percentage text-white"><h6><FONT SIZE=1>'.$porcentaje.'%'.'</FONT></h6></span>' ?></td>
                      <?php
                       $totalfila     = $totalfila  + $cajas;
                    }else{
                      ?>
                      <td style="text-align:center;border: inset 0pt"><?php echo 0; ?></td>
                      <?php
                    }
                    $totalescolumna[$indixe] = $totalescolumna[$indixe] + $cajas;
                    $indixe = $indixe +1;
                    
                  }
                  $fila             = $fila+1;
                  $porcentaje = 0;
                  $etiqueta   = '<span class="description-percentage text-white"><h6><FONT SIZE=1>'.$porcentaje.'%'.'</FONT></h6></span>';
                  if ($totalfila>0){
                    
                    $porcentaje =  number_format((($totalfila/$totalcajas)*100),1);
                    $etiqueta   = '<span class="description-percentage text-white"><h6><FONT SIZE=1>'.$porcentaje.'%'.'</FONT></h6></span>';
                  }
                  ?>
                  <td style="color:#F4F6F6;text-align:center;background-color:#5D6D7E"><?php echo  number_format($totalfila,0,',','.').' '.$etiqueta; ?></td>
                  </tr>
                  <?php
                  $total      = $total + $totalfila;
                  
                } 
                //cerramos la tabla
                ?>
                </tbody>
                
              </table>
            </div>
            <!-- /.box-body -->
        </div>


        <div class="box box-primary">
          <div class="box-header with-border">		
            <h3 class="box-title">Movimientos de Caja Chica -últimos 10-</h3>
          </div>
          <!-- /.box-header -->
          <div class="box-body">
            <table id="example1" class="table table-bordered table-striped">
              <thead>
              <tr>
              <th style="text-align:center" valign="middle">FECHA</th>
              <th style="text-align:center" valign="middle">DESCRIPCIÓN</th>
              <th style="text-align:center" valign="middle">MONTO (US$)</th>
              <th style="text-align:center" valign="middle">TIPO DE MOVIMIENTO</th>
              <!-- <th>Estado</th> -->
              </tr>
              </thead>
              <tbody>
              <?php  
              $rsptacaja10        = $consulta->ultimos10movimiento(3); 
              $totalesc=0;
                while ($regvcaja10=$rsptacaja10->fetch_object()) { ?> 
                  <tr>
                  <td style="text-align:center" valign="middle"><?php echo date("d-m-Y", strtotime($regvcaja10->fecha)); ?></td>
                  <td><?php echo $regvcaja10->detalle; ?></td>
                  <td style="text-align:right" valign="middle"><?php echo number_format($regvcaja10->monto,2,',','.'); ?></td>
                  <?php if ($regvcaja10->tiporegistro=='ABONO') {?>
                          <td style="text-align:center" valign="middle"><span class="badge bg-blue"><?php echo $regvcaja10->tiporegistro; ?></span></td>
                  <?php }elseif($regvcaja10->tiporegistro=='COBRO'){?>
                          <td style="text-align:center" valign="middle"><span class="badge bg-navy"><?php echo $regvcaja10->tiporegistro; ?></span></td>
                  <?php }elseif($regvcaja10->tiporegistro=='CARGO'){?>
                          <td style="text-align:center" valign="middle"><span class="badge bg-orange"><?php echo $regvcaja10->tiporegistro; ?></span></td>
                  <?php }elseif($regvcaja10->tiporegistro=='PAGO'){ ?>
                          <td style="text-align:center" valign="middle"><span class="badge bg-yellow"><?php echo $regvcaja10->tiporegistro; ?></span></td>
                  <?php }else { ?>
                          <td style="text-align:center" valign="middle"><span class="badge bg-red"><?php echo $regvcaja10->tiporegistro; ?></span></td>
                  <?php } ?> 
                    
                  </tr> 
                <?php
                  $totalesc=$totalesc+$regvcaja10->monto;
                } 
                ?> 
              </tbody>
              <tfoot>
              <tr style="color:#F4F6F6;text-align:center;background-color:#5D6D7E" valign="middle">
              <th></th>
              <th style="text-align:center" valign="middle">TOTAL</th>
              <th style="text-align:right" valign="middle"><?php echo number_format($totalesc,2,',','.'); ?></th>
              <th></th>
              <!-- <th></th> -->
              </tr>
              </tfoot>
            </table>
          </div>
          <!-- /.box-body -->
        </div>
        
       

        

        <!--<Inventario por Almacen-->     
        <div class="box box-primary">
            <div class="box-header with-border">		
              <h3 class="box-title">Inventario de Productos distribuidos por Almacenes</h3>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
              <table id="example1" class="table table-bordered table-striped">
                <thead>
                <?php  
                $na1 ='';
                $na2 ='';
                $na3 ='';
                $na4 ='';
                $na5 ='';
                $rsptaalmacenesn  = $consulta->almacenes();
                $nro =1;  
                while ($regalmn=$rsptaalmacenesn->fetch_object()) {
                  if ($nro==1){
                    $na1 = $regalmn->nombre;
                  }
                  if ($nro==2){
                    $na2 = $regalmn->nombre;
                  }
                  if ($nro==3){
                    $na3 = $regalmn->nombre;
                  }
                  if ($nro==4){
                    $na4 = $regalmn->nombre;
                  }
                  if ($nro==5){
                    $na5 = $regalmn->nombre;
                  }
                  $nro = $nro + 1;
                }  
                ?>
                <tr>
                  <th  style="text-align:center;background-color:white"></th>
                  <th  style="text-align:center"><?php echo $na1; ?></th>
             <!--      <th  style="text-align:center"><?php echo $na2; ?></th> -->
                  <th  style="text-align:center"><?php echo $na3; ?></th>
              <!--     <th  style="text-align:center"><?php echo $na4; ?></th> -->
                  <th  style="text-align:center"><?php echo $na5; ?></th>
                  <th  style="text-align:center">TOTAL</th>
                </tr>
                </thead>
                
                <tbody>
                <?php 
                //Buscamos los totales 
                $productos        =[];
                $contenido        =[];
                $rsptaalmacenesp  = $consulta->stockporalmacen(); 
                $total1           =0;
                $total2           =0;
                $total3           =0;
                $total4           =0;
                $total5           =0;
                $totalalmacen     =0;
                while ($regalmp=$rsptaalmacenesp->fetch_object()) { 
                  $contenido[0] =$regalmp->nombre;
                  $contenido[1] =$regalmp->almacen1;
                  $contenido[2] =$regalmp->almacen2;
                  $contenido[3] =$regalmp->almacen3;
                  $contenido[4] =$regalmp->almacen4;
                  $contenido[5] =$regalmp->almacen5;
                  $contenido[6] =$regalmp->almacen1+$regalmp->almacen2+$regalmp->almacen3+$regalmp->almacen4+$regalmp->almacen5;
                  $total1       =$total1 +$regalmp->almacen1;
                  $total2       =$total2 +$regalmp->almacen2;
                  $total3       =$total3 +$regalmp->almacen3;
                  $total4       =$total4 +$regalmp->almacen4;
                  $total5       =$total5 +$regalmp->almacen5;
                  $totalalmacen = $totalalmacen + $regalmp->almacen1+$regalmp->almacen2+$regalmp->almacen3+$regalmp->almacen4+$regalmp->almacen5;
                  $productos[]  = $contenido;
                } 
                ?>
               <!--  <tfoot> -->
                    <tr style="color:#F4F6F6;text-align:center;background-color:#5D6D7E">
                      <td style="text-align:center">TOTALES</td>
                      <td style="text-align:center"><?php echo number_format($total1,0,',','.'); ?></td>
              <!--         <td style="text-align:center"><?php echo number_format($total2,0,',','.'); ?></td> -->
                      <td style="text-align:center"><?php echo number_format($total3,0,',','.'); ?></td>
                <!--       <td style="text-align:center"><?php echo number_format($total4,0,',','.'); ?></td> -->
                      <td style="text-align:center"><?php echo number_format($total5,0,',','.'); ?></td>
                      <td style="text-align:center"><?php echo  number_format($totalalmacen,0,',','.') ?></td> 
                    </tr>
                <!-- </tfoot> -->
                <?php  
                foreach ($productos as $c) {  ?>
                  <tr>
                    <td style="text-align:left"><?php echo $c[0]; ?></td>
                     <td style="text-align:center"><?php echo number_format($c[1],0,',','.'); ?></td>
               <!--     <td style="text-align:center"><?php echo number_format($c[2],0,',','.'); ?></td> -->
                <td style="text-align:center"><?php echo number_format($c[3],0,',','.'); ?></td> 
               <!--     <td style="text-align:center"><?php echo number_format($c[4],0,',','.'); ?></td>-->
                    <td style="text-align:center"><?php echo number_format($c[5],0,',','.'); ?></td>  
                    <td style="text-align:center"><?php echo number_format($c[6],0,',','.'); ?></td> 
                  </tr>
                <?php
                }
                ?> 
                </tbody>
                
              </table>
            </div>
            <!-- /.box-body -->
        </div>
        <!-- /.box -->
        
             
        <div class="box box-primary">
          <div class="box-header with-border">		
             
          </div>
            <!-- /.box-header -->
          <div class="box-body">        
            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
              <div class="box box-primary">
                <div class="box-header with-border">
                  <h4 style="text-align:center">VENTAS POR ARTICULO MES ANTERIOR - 30 DÍAS</h4>
                
                </div>
                <div class="box-body">
                  <canvas id="articulomesanterior" width="400" height="300"></canvas>
                </div>
              </div>
            </div>
            
            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
              <div class="box box-primary">
                <div class="box-header with-border">
                  <h4 style="text-align:center">VENTAS POR ARTICULO MES EN CURSO - 30 DÍAS</h4>
                
                </div>
                <div class="box-body">
                  <canvas id="articulomesencurso" class="pie" width="400" height="300"></canvas>
                </div>
              </div>
            </div>

          </div> 
        </div> 

        <div class="box box-primary">
          <div class="box-header with-border">		
             
          </div>
            <!-- /.box-header -->
          <div class="box-body">        
            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
              <div class="box box-primary">
                <div class="box-header with-border">
                  <h4 style="text-align:center">VENTAS POR VENDEDOR MES ANTERIOR - 30 DÍAS</h4>
                
                </div>
                <div class="box-body">
                  <canvas id="vendedormesanterior"  width="400" height="300"></canvas>
                </div>
              </div>
            </div>
            
            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
              <div class="box box-primary">
                <div class="box-header with-border">
                  <h4 style="text-align:center">VENTAS POR VENDEDOR MES EN CURSO - 30 DÍAS</h4>
                
                </div>
                <div class="box-body">
                  <canvas id="vendedormesencurso" width="400" height="300"></canvas>
                </div>
              </div>
            </div>

          </div> 
        </div>
        
       



       
            
          <!-- </div> -->
          <!-- /.box -->         
          
      </div>
      <!-- /.col -->
    </div>
    <!-- /.row -->
  </section>
    <!-- /.content -->
  </div>
  <?php 
  }else{
  require 'vistas/contenidos/noacceso-view.php'; 
  }
  ?>
      </div>
        <!-- /.content-wrapper -->
        <!-- Main Footer -->
        <?php include "vistas/modulos/mainfooter.php";?>
    </div>
    <!-- ./wrapper -->
    <!-- REQUIRED JS SCRIPTS -->
    <?php include "vistas/modulos/script.php";?>
    
</body>
</html>
   <script>

      let delayed;
      let labeles = [<?php echo $articuloa ?>];
      let data = {
          labels :labeles,
          datasets: [{
              label: 'NUMERO DE CAJAS',
              data: [<?php echo $cajasa ?>],
              backgroundColor: 'rgb(253, 111, 39)',
          }]

      };

      let config = {
          type: 'bar',
          data: data,
          options: {
            animation:{
              onComplete: () =>{
                delayed:true;
              },
              delay: (context) => {
                let delay = 0;
                console.log(context);
                if(context.type==='data' && context.mode ==='default'){ 
                  delay= context.dataIndex * 300 + context.datasetIndex * 100;
                }
                return delay;
              },
              backgroundColor: {
                type: 'color',
                duration: 5000,
                easing: 'linear',
                from: 'rgb(253, 111, 39)',
                to: 'rgb(253, 187, 154)',
                loop: true
              }
            },
            scales: {
                x: {
                    stacked: true,
                },
                y: {
                    stacked: true
                }
            }
          }
      };

    /* const myChart = new Chart(
      document.getElementById('articulomesanterior'),
      config
     ); */
    
     
     /** Grafico dos */

    let delayed1;
    let labeles1 = [<?php echo $articuloc ?>];
    let data1 = {
          labels :labeles1,
          datasets: [{
            label: 'NUMERO DE CAJAS',
            data: [<?php echo  $cajasc ?>],
            backgroundColor: 'rgb(21, 171, 31)',
          }]

    };
    let config1 = {
          type: 'bar',
          data: data1,
          options: {
            animation:{
              onComplete: () =>{
                delayed1:true;
              },
              delay: (context) => {
                let delay1 = 0;
                //console.log(context);
                if(context.type==='data' && context.mode ==='default'){ 
                  delay1= context.dataIndex * 300 + context.datasetIndex * 100;
                }
                return delay1;
              },
              backgroundColor: {
                type: 'color',
                duration: 5000,
                easing: 'linear',
                from: 'rgb(21, 171, 31)',
                to: 'rgb(22, 96, 197)',
                loop: true
              }
            },
            scales: {
                x: {
                    stacked: true,
                },
                y: {
                    stacked: true
                }
            }
          }
    };

    // render init block
   /*  const myChart1 = new Chart(
      document.getElementById('articulomesencurso'),
      config1
    ); */


    /**Grafico 3 */
    let delayed2;
    let labeles2  = [<?php echo $articuloc ?>];
    let data2     = {
          labels :labeles2,
          datasets: [{
            label: '',
            data: [<?php echo  $cajasc ?>],
            backgroundColor: 'rgb(56,151,218,255)',
          }]
         
    };

    let config2 = {
      type: 'bar',
      data: data2,
      options: {
        indexAxis: 'y',
        // Elements options apply to all of the options unless overridden in a dataset
        // In this case, we are setting the border of each horizontal bar to be 2px wide
        elements: {
          bar: {
            borderWidth: 2,
          }
        },
        responsive: true,
        /* animation:{
          onComplete: () =>{
            data.datasets.forEach(function (dataset, i) {
              let meta = Chart.controller.getDatasetMeta(i);
              meta.data.forEach(function (bar, index) {
                var data = dataset.data[index];                            
                ctx.fillText(data, bar._model.x, bar._model.y - 5);
              });    
            })      
          }    
        }, */
        plugins: {
          legend: {
            position: 'right',
          },
          title: {
            display: true,
            text: ''
          },
          tooltips: {
            callback: function (value, index, values) {
              if (parseInt(value) >= 1000) {
                return '$' + value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
              } else {
              return '$' + value;
              }
            }
          }
        }
      },
    };

    

            
   
    const myChart2 = new Chart(
      document.getElementById('articulomesencurso'),
      config2
      
    );
    /* var ctx3 = document.getElementById("articulomesencurso").getContext("2d");
    window.myPie = new Chart(ctx3).Bar(data2, options); */


    /**Grafico 4*/
    let delayed3;
    let labeles3  = [<?php echo $articuloa ?>];
    let data3     = {
          labels :labeles3,
          datasets: [{
            label: '',
            data: [<?php echo  $cajasa ?>],
            backgroundColor: 'rgb(28,187,155,255)',
          }]
    };

    let config3 = {
      type: 'bar',
      data: data3,
      options: {
        indexAxis: 'y',
        // Elements options apply to all of the options unless overridden in a dataset
        // In this case, we are setting the border of each horizontal bar to be 2px wide
        elements: {
          bar: {
            borderWidth: 2,
          }
        },
        responsive: true,
        plugins: {
          legend: {
            position: 'right',
          },
          title: {
            display: true,
            text: ''
          }
        }
      },
    };

    // render init block
    const myChart3 = new Chart(
      document.getElementById('articulomesanterior'),
      config3
    );


   
    
    
    /**Grafico 5 */
    let delayed51;
    let labeles51  = [<?php echo $vendedora3 ?>];
    let data51     = {
          labels :labeles51,
          datasets: [{
            label: '',
            data: [<?php echo  $cajasav ?>],
            backgroundColor: 'rgb(28,187,155,255)',
          }]
          
    };

    let config51 = {
      type: 'bar',
      data: data51,
      options: {
        indexAxis: 'y',
        // Elements options apply to all of the options unless overridden in a dataset
        // In this case, we are setting the border of each horizontal bar to be 2px wide
        elements: {
          bar: {
            borderWidth: 2,
          }
        },
        responsive: true,
        plugins: {
          legend: {
            position: 'right',
          },
          title: {
            display: true,
            text: ''
          }
        }
      },
    };

    // render init block
    const myChart5 = new Chart(
      document.getElementById('vendedormesanterior'),
      config51
    );


    /**Grafico 6 */
    let delayed6;
    let labeles6  = [<?php echo $vendedorc ?>];
    let data6     = {
          labels :labeles6,
          datasets: [{
            label: '',
            data: [<?php echo  $cajascv ?>],
            backgroundColor: 'rgb(56,151,218,255)',
          }]
    };

    let config6 = {
      type: 'bar',
      data: data6,
      options: {
        indexAxis: 'y',
        // Elements options apply to all of the options unless overridden in a dataset
        // In this case, we are setting the border of each horizontal bar to be 2px wide
        elements: {
          bar: {
            borderWidth: 2,
          }
        },
        responsive: true,
        plugins: {
          legend: {
            position: 'right',
          },
          title: {
            display: true,
            text: ''
          }
        }
      },
    };

    // render init block
    const myChart6 = new Chart(
      document.getElementById('vendedormesencurso'),
      config6
    );


    </script>
   
  
<?php 
}
ob_end_flush();
?>

