<?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;
    }

    //Ultimos 10 movimiento de caja chica.
   
   



    
    
    //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 cargar al grafico de barras
    $ventas12 = $consulta->ventasultimos_12meses ();
    $fechasv='';
    $totalesv='';
    
    while ($regfechav=$ventas12->fetch_object()) {
      $fechasv=$fechasv.'"'.$regfechav->fecha.'",';
      $totalesv=$totalesv.$regfechav->total.',';
    }
    //quitamos la ultima coma
    $fechasv=substr($fechasv, 0, -1);
    $totalesv=substr($totalesv, 0,-1);
    ?>
    <!-- Main content -->
  <section class="content-header">
    <h1>
      Dashboard Alex
      <small>Información Relevante del Negocio</small>
    </h1>

    <p><br></p>

    <h1>
      Estado de Caja Chica
      <small>Valores de Interés</small>
    </h1>
  
  </section>

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

        <!-- Small boxes (Stat box) -->
        <div class="row">
          <div class="col-lg-3 col-xs-6">
            <!-- small box -->
            <div class="small-box bg-green">
              <div class="inner">
                
                <h3><sup style="font-size: 20px">US$</sup><?php echo $saldocaja; ?></h3>

                <p>Disponible Caja Chica</p>
              </div>
              <div class="icon">
                <i class="ion ion-stats-bars"></i>
              </div>
            </div>
          </div>
            <!-- ./col -->
          <div class="col-lg-3 col-xs-6">
            <!-- small box -->
            <div class="small-box bg-aqua">
              <div class="inner">
                <h3><sup style="font-size: 20px">US$</sup><?php echo $movimientosdeldia; ?></h3>

                <p>Movimiento Neto del Día</p>
              </div>
              <div class="icon">
                <i class="ion ion-stats-bars"></i>
              </div>
            </div>
          </div>
          <!-- ./col -->
          <div class="col-lg-3 col-xs-6">
            <!-- small box -->
            <div class="small-box bg-yellow">
              <div class="inner">
                <h3><sup style="font-size: 20px">US$</sup><?php echo $movimientosdelmes; ?></h3>

                <p>Movimiento Neto del Mes</p>
              </div>
              <div class="icon">
                <i class="ion ion-stats-bars"></i>
              </div>

            </div>
          </div>
          <!-- ./col -->
          <div class="col-lg-3 col-xs-6">
            <!-- small box -->
            <div class="small-box bg-red">
              <div class="inner">
                <h3><sup style="font-size: 20px">US$</sup>0</h3>

                <p>Otro Valor de Caja Chica</p>
              </div>
              <div class="icon">
                <i class="ion ion-stats-bars"></i>
              </div>

            </div>
          </div>
          <!-- ./col -->
        </div>
        <!-- /.row -->

        <div class="box">
          <div class="box-header">		
            <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>Fecha</th>
              <th>Descripción</th>
              <th>Monto(US$)</th>
              <th>Adicional 1</th>
              <th>Adicional 2</th>
              </tr>
              </thead>
              <tbody>
              <?php  
              $rsptacaja10        = $consulta->ultimos10movimiento(3); 
              $totalesc=0;
                while ($regvcaja10=$rsptacaja10->fetch_object()) { ?> 
                  <tr>
                  <td><?php echo $regvcaja10->fecha; ?></td>
                  <td><?php echo $regvcaja10->detalle; ?></td>
                  <td><?php echo $regvcaja10->monto; ?></td> 
                  <td>Nota Adicional 1</td>
                  <td>Nota Adicional 2</td> 
                  </tr> 
                <?php
                  $totalesc=$totalesc+$regvcaja10->monto;
                } 
                ?> 
              </tbody>
              <tfoot>
              <tr>
              <th></th>
              <th>Total</th>
              <th><?php echo $totalesc; ?></th>
              <th></th>
              <th></th>
              </tr>
              </tfoot>
            </table>
          </div>
          <!-- /.box-body -->
        </div>
        <!-- /.box -->

        <p><br></p>

        <!--<h3>
        Ventas y Gastos durante el Año en Curso 
        <small>Valores Totales</small>
        </h3>-->

        <div class="box">
          <div class="box-header">		
            <h3 class="box-title">Ventas y Gastos durante el Año en Curso -valores totales-</h3>
          </div>
          <!-- /.box-header -->
          <div class="box-body">

            <!-- <script src="vistas/brower_components/chart.js/Chart.js> -->

            </script>
            <div style="width: 100%">
              <canvas id="canvas" height="450" width="600"></canvas>
            </div>


            <script>

              var barChartData = {
              labels : ["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"],
              datasets : [
              {
              fillColor : "rgba(151,187,205,0.5)",
              strokeColor : "rgba(151,187,205,0.5)",
              highlightFill: "rgba(220,220,220,0.75)",
              highlightStroke: "rgba(220,220,220,1)",
              data: [<?php echo $totalesv ?>],
              },
              {
              fillColor : "rgba(220,220,220,0.5)",
              strokeColor : "rgba(220,220,220,0.5)",
              highlightFill : "rgba(151,187,205,0.75)",
              highlightStroke : "rgba(151,187,205,1)",
              data : [<?php echo $totalesc1 ?>],
              }
              ]

              }
              window.onload = function(){
              var ctx = document.getElementById("canvas").getContext("2d");
              window.myBar = new Chart(ctx).Bar(barChartData, {
              responsive : true
              });
              }

            </script>

          </div>
          <!-- /.box-body -->
        </div>

        <div class="box">
            <div class="box-header">    
              <h3 class="box-title">Morris - Ventas y Costos + Gastos durante el Año en Curso -valores totales- Gráfico Nro 1</h3>
            </div>
            <!-- /.box-header -->
            <div class="box-body">

            <div style="width: 100%">
              <canvas id="canvas" height="0" width="600"></canvas>
            </div>


            <div id="bar-chart1"></div>

            </div>
            <!-- /.box-body -->
        </div>
        <!-- /.box -->      


        <!-- /.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>
      var ctx = document.getElementById("compras").getContext('2d');
      var compras = new Chart(ctx, {
          type: 'bar',
          data: {
              labels: [<?php echo $fechasc ?>],
              datasets: [{
                  label: '# Compras en Bs. de los últimos 10 dias',
                  data: [<?php echo $totalesc ?>],
                  backgroundColor: [
                      'rgba(255, 99, 132, 0.2)',
                      'rgba(54, 162, 235, 0.2)',
                      'rgba(255, 206, 86, 0.2)',
                      'rgba(75, 192, 192, 0.2)',
                      'rgba(153, 102, 255, 0.2)',
                      'rgba(255, 159, 64, 0.2)',
                      'rgba(255, 99, 132, 0.2)',
                      'rgba(54, 162, 235, 0.2)',
                      'rgba(255, 206, 86, 0.2)',
                      'rgba(75, 192, 192, 0.2)'
                  ],
                  borderColor: [
                      'rgba(255,99,132,1)',
                      'rgba(54, 162, 235, 1)',
                      'rgba(255, 206, 86, 1)',
                      'rgba(75, 192, 192, 1)',
                      'rgba(153, 102, 255, 1)',
                      'rgba(255, 159, 64, 1)',
                      'rgba(255,99,132,1)',
                      'rgba(54, 162, 235, 1)',
                      'rgba(255, 206, 86, 1)',
                      'rgba(75, 192, 192, 1)'
                  ],
                  borderWidth: 1
              }]
          },
          options: {
              scales: {
                  yAxes: [{
                      ticks: {
                          beginAtZero:true
                      }
                  }]
              }
          }
      });
      var ctx = document.getElementById("ventas").getContext('2d');
      var ventas = new Chart(ctx, {
          type: 'bar',
          data: {
              labels: [<?php echo $fechasv ?>],
              datasets: [{
                  label: '# Ventas en Bs. de los últimos 12 meses',
                  data: [<?php echo $totalesv ?>],
                  backgroundColor: [
                      'rgba(255, 99, 132, 0.2)',
                      'rgba(54, 162, 235, 0.2)',
                      'rgba(255, 206, 86, 0.2)',
                      'rgba(75, 192, 192, 0.2)',
                      'rgba(153, 102, 255, 0.2)',
                      'rgba(255, 159, 64, 0.2)',
                      'rgba(255, 99, 132, 0.2)',
                      'rgba(54, 162, 235, 0.2)',
                      'rgba(255, 206, 86, 0.2)',
                      'rgba(75, 192, 192, 0.2)',
                      'rgba(153, 102, 255, 0.2)',
                      'rgba(255, 159, 64, 0.2)'
                  ],
                  borderColor: [
                      'rgba(255,99,132,1)',
                      'rgba(54, 162, 235, 1)',
                      'rgba(255, 206, 86, 1)',
                      'rgba(75, 192, 192, 1)',
                      'rgba(153, 102, 255, 1)',
                      'rgba(255, 159, 64, 1)',
                      'rgba(255,99,132,1)',
                      'rgba(54, 162, 235, 1)',
                      'rgba(255, 206, 86, 1)',
                      'rgba(75, 192, 192, 1)',
                      'rgba(153, 102, 255, 1)',
                      'rgba(255, 159, 64, 1)'
                  ],
                  borderWidth: 1
              }]
          },
          options: {
              scales: {
                  yAxes: [{
                      ticks: {
                          beginAtZero:true
                      }
                  }]
              }
          }
      });
  </script>
<?php 
}
ob_end_flush();
?>

