<?php $r="../";
require_once($r."inc/funciones.php");
validNotSession($r);
$mysqli = connectDB($r);
$fecha_de = $_GET['de'];
$fecha_al = $_GET['al'];
if(isset($fecha_de)){
    $fecha = $fecha_de;
    if(!empty($fecha_al)){
        $fecha2 = $fecha_al;
        $sql2 = $mysqli->query("SELECT * FROM `z_caja_new` WHERE `fecha` BETWEEN '$fecha' AND '$fecha2'");
    }else{
        $sql2 = $mysqli->query("SELECT * FROM z_caja_new WHERE fecha = '$fecha'");
    }
}else{
    $fecha = date('Y-m-d');
    $sql2 = $mysqli->query("SELECT * FROM z_caja_new WHERE fecha = '$fecha'");
    if ($sql2->num_rows == 0) {
        $modalopencaja = 1;
    } 
}

$saldo =0;


?>
<!DOCTYPE html>
<html lang="en">
  <?php include $r."inc/head.php"; ?>
<body class="fixed-nav sidenav-toggled sticky-footer bg-dark" id="page-top">
  <div class="container">
    <div id="mensaje" style="position:fixed;width:90%;padding-left:10%;top:20px;left:0px;margin:0 auto;z-index:9999;"></div>
  </div>
  <?php include $r."inc/nav.php"; ?>
  
  <div class="content-wrapper">
    <div class="container-fluid">
      <div class="card mb-3">
        <div class="card-header">
          <h3><i class="fa fa-table"></i> CAJA FECHA <?= $fecha ?></h3>
          <div class="row">
            <div class="col-sm">
                <form class="form-inline">
                  <div class="m-0 p-1 mb-2">
                    <label for="staticEmail2" class="sr-only">DE</label>
                    <input type="date" class="form-control" name="de" max="<?= date('Y-m-d'); ?>">
                  </div>
                  <div class="m-0 p-1 mx-sm-3 mb-2">
                    <label for="inputPassword2" class="sr-only">AL</label>
                    <input type="date" class="form-control" name="al"  max="<?= date('Y-m-d'); ?>">
                  </div>
                  <button type="submit" class="btn btn-primary mb-2">BUSCAR</button>
                </form>
            </div>
            <div class="col-sm">
              <i class="btn btn-primary fa fa-plus fa-2x float-right" title="NUEVO MOVIMIENTO" onclick="addmovimiento()"></i>
            </div>
         </div>
            
            
        </div>
        <div class="card-body">
          <div class="table-responsive">
            <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
              <thead>
                <tr>
                  <th>FECHA</th>
                  <th>DETALLES</th>
                  <th>NOMBRE</th>
                  <th>INGRESO</th>
                  <th>EGRESO</th>
                  <th>SALDO</th>
                </tr>
              </thead>
              <tfoot>
                <tr>
                  <th>FECHA</th>
                  <th>DETALLES</th>
                  <th>NOMBRE</th>
                  <th>INGRESO</th>
                  <th>EGRESO</th>
                  <th>SALDO</th>
                </tr>
              </tfoot>
              <tbody>
                    <?php 
                    while($row2 = $sql2->fetch_assoc()) { ?>
                      <tr>
                        <td><?= $row2["fecha"]; ?></td>
                        <td><?= $row2["detalle"]; ?></td>
                        <td><?= sinfo('z_caja_new_usuarios',$row2["usuario"])['nombre']; ?></td>
                        <td><?= $row2["ingreso"]; $saldo = $saldo + $row2["ingreso"]; ?></td>
                        <td><?= $row2["egreso"]; $saldo = $saldo - $row2["egreso"];  ?></td>
                        <td><?= $saldo; ?></td>
                      </tr>
                    <?php } ?>
              <tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
  
  <!-- Modal add movimientos -->
  <style>
      .chosen-container-single .chosen-single {
    height: 29px;
    line-height: 29px;
}
  </style>
<div class="modal fade" id="addmovimiento" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document" style="max-width:100%">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">NUEVO MOVIMIENTO</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form class="row m-1" id="formaddmovimiento" action="acciones_new_caja.php">
          <div class="m-0 p-1 col-md-2 col-sm-12">
            <label for="staticEmail2" class="sr-only">FECHA</label>
            <input type="date" class="form-control" name="fecha"  max="<?= date('Y-m-d'); ?>" required>
          </div>
          <div id="divdetalle" class="m-0 p-1 col-md-3 col-sm-12">
            <label for="inputPassword2" class="sr-only">DETALLE</label>
            <input type="text" class="form-control" name="detalle" placeholder="DETALLE">
          </div>
          <div id="divnombre" class="m-0 p-1 col-md-3 col-sm-12">
            <label for="inputPassword2" class="sr-only">NOMBRE</label>
            <select class="chosen-select" name="nombre" id="nombre" data-placeholder="NOMBRE...">
                <option selected disabled></option>
                <?php  $sql3 = $mysqli->query("SELECT * FROM `z_caja_new_usuarios`");
                    while($row3 = $sql3->fetch_assoc()) { ?>
                      <option value="<?= $row3['id']; ?>"><?= $row3['nombre']; ?></option>
                    <?php } ?>
                <option value="OTRO">OTRO</option>
            </select>
          </div>
          <!-- Input para el caso "OTRO" (inicialmente oculto) -->
          
          <div id="otroInputContainer" class="m-0 p-1 col-md-2 col-sm-12" style="display:none">
            <label for="inputPassword2" class="sr-only">CUAL OTRO</label>
            <input type="text" class="form-control" name="otro"  placeholder="CUAL OTRO">
          </div>
          <div class="m-0 p-1 col-md-2 col-sm-12">
            <label for="inputPassword2" class="sr-only">INGRESO</label>
            <input type="number" class="form-control" name="ingreso"  placeholder="INGRESO">
          </div>
          <div class="m-0 p-1 col-md-2 col-sm-12">
            <label for="inputPassword2" class="sr-only">EGRESO</label>
            <input type="number" class="form-control" name="egreso"  placeholder="EGRESO">
          </div>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">CERRAR</button>
        <button type="submit" class="btn btn-primary" form="formaddmovimiento">GUARDAR</button>
      </div>
    </div>
  </div>
</div>

 <!-- Modal -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document" style="max-width:100%">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="modalLabel">ABRIR CAJA</h5>
                </div>
                <div class="modal-body">
                    <form class="row m-1" id="formaddmovimiento" action="acciones_new_caja.php">
                      <div class="m-0 p-1 col-md-2 col-sm-12">
                        <label for="staticEmail2" class="sr-only">FECHA</label>
                        <input type="date" class="form-control" name="fecha" value="<?= $fecha; ?>" required readonly>
                      </div>
                      <div id="divdetalle" class="m-0 p-1 col-md-3 col-sm-12">
                        <label for="inputPassword2" class="sr-only">DETALLE</label>
                        <input type="text" class="form-control" name="detalle" placeholder="DETALLE" value="SALDO ANTERIOR" readonly>
                      </div>
                      <div id="divnombre" class="m-0 p-1 col-md-3 col-sm-12">
                        <label for="inputPassword2" class="sr-only">NOMBRE</label>
                        <select class="chosen-select" name="nombre" id="nombre" data-placeholder="NOMBRE..." required>
                            <option selected disabled></option>
                            <?php  $sql3 = $mysqli->query("SELECT * FROM `z_caja_new_usuarios`");
                                while($row3 = $sql3->fetch_assoc()) { ?>
                                  <option value="<?= $row3['id']; ?>"><?= $row3['nombre']; ?></option>
                                <?php } ?>
                            <option value="OTRO">OTRO</option>
                        </select>
                      </div>
                      <!-- Input para el caso "OTRO" (inicialmente oculto) -->
                      
                      <div id="otroInputContainer" class="m-0 p-1 col-md-2 col-sm-12" style="display:none">
                        <label for="inputPassword2" class="sr-only">CUAL OTRO</label>
                        <input type="text" class="form-control" name="otro"  placeholder="CUAL OTRO">
                      </div>
                      <div class="m-0 p-1 col-md-2 col-sm-12">
                        <label for="inputPassword2" class="sr-only">SALDO</label>
                        <input type="number" class="form-control" name="saldo"  placeholder="INGRESO" required>
                      </div>
                    </form>
                </div>
                  <div class="modal-footer">
                    <button type="submit" class="btn btn-primary" form="formaddmovimiento">GUARDAR</button>
                  </div>
            </div>
        </div>
    </div>

  <?php include $r."inc/foot.php"; ?>
</body>
<?php
    if ($modalopencaja == 1) {
        // No se encontraron resultados, abrir la modal
        echo '<script>
            $(document).ready(function(){
                $("#myModal").modal({
                    backdrop: "static",
                    keyboard: false
                });
            });
        </script>';
    }
    ?>
<script>
    $(document).ready(function(){
        // Función que se ejecuta al seleccionar OTRO
        $('#nombre').change(function(){
            if($(this).val() == 'OTRO'){
                $('#otroInputContainer').show();
                 $('#divdetalle').removeClass('col-md-3').addClass('col-md-2');
                 $('#divnombre').removeClass('col-md-3').addClass('col-md-2');
            } else {
                // Oculta el input si no se selecciona OTRO
                $('#otroInputContainer').hide();
                 $('#divdetalle').removeClass('col-md-2').addClass('col-md-3');
                 $('#divnombre').removeClass('col-md-2').addClass('col-md-3');
            }
        });
        // Función que se ejecuta al enviar el formulario
        $('#formaddmovimiento').submit(function(event){
            event.preventDefault(); // Evita el envío tradicional del formulario
            
            // Validación para que solo sea ingreso o egreso, no ambos
            var ingreso = parseFloat($('input[name="ingreso"]').val());
            var egreso = parseFloat($('input[name="egreso"]').val());

            if (isNaN(ingreso) && isNaN(egreso)) {
                alert("Debes ingresar al menos un valor en Ingreso o Egreso.");
                return;
            }

            if (!isNaN(ingreso) && !isNaN(egreso)) {
                alert("Debes ingresar solo un valor en Ingreso o Egreso, no ambos.");
                return;
            }
             var nombre = $('#nombre').val();
            // Envía el formulario utilizando AJAX (ejemplo básico)
            $.ajax({
                type: 'POST',
                url: $(this).attr('action'),
                data: $(this).serialize()+ '&nombre=' + nombre,
                success: function(response){
                    // Maneja la respuesta del servidor si es necesario
                    console.log(response);
                },
                error: function(error){
                    // Maneja los errores si es necesario
                    console.log(error);
                }
            });
        });
        
    });
    $('#dataTable').DataTable( {
        "order": [[ 0, "asc" ]]
    } );
    function addmovimiento(){
        $('#addmovimiento').modal('show');
    }
    
</script>
</html>    