<?php $r="../";
require_once($r."inc/funciones.php");
$titlepage = "Caja";
validNotSession($r);
$mysqli = connectDB($r);
$sql2 = $mysqli->query("SELECT id,fecha, estado FROM `z_caja_new` WHERE tipo='1'");

?>
<!DOCTYPE html>
<html lang="es">
  <?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">
          
          <div class="row">
            <div class="col-sm">
                <h3><i class="fa fa-table"></i> CAJA</h3>
            </div>
            <div class="col-sm">
              <a class="btn btn-primary float-right text-white" style="display: flex;align-items: center;" onclick="opencaja()"><i class="fa fa-plus fa-2x mr-1" title="ABRIR CAJA"></i> ABRIR CAJA</a>
            </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>
                </tr>
              </thead>
              <tfoot>
                <tr>
                  <th>FECHA</th>
                </tr>
              </tfoot>
              <tbody>
                    <?php 
                    while($row2 = $sql2->fetch_assoc()) { ?>
                      <tr>
                        <td>
                            <?= $row2["fecha"]; ?>
                        
                            <? if(!$row2["estado"]){ ?>
                            <a class="btn btn-danger float-right m-1" onclick="closecaja(<?= $row2['id']; ?>)"><i class="fa fa-close mr-1"></i>CERRAR</a>
                            <a class="btn btn-primary float-right m-1" href="caja_ver.php?id=<?= $row2["id"]; ?>"><i class="fa fa-pencil mr-1"></i> EDITAR</a>
                            <? }else{ ?>
                            <a class="btn btn-secondary float-right m-1" onclick="reopencaja(<?= $row2['id']; ?>)"><i class="fa fa-undo mr-1"></i> REABRIR</a>
                            <a class="btn btn-primary float-right m-1" href="caja_ver.php?id=<?= $row2["id"]; ?>"><i class="fa fa-eye mr-1"></i> VER</a>
                            <? } ?></td>
                      </tr>
                    <?php } ?>
              <tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
  
  <!-- Modal add movimientos -->
  <style>
      .chosen-container-single .chosen-single {
    height: 29px;
    line-height: 29px;
}.sweet-overlay {
    z-index: 1051;
}
  </style>
<div class="modal fade" id="opencaja" 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" id="fecha" 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" placeholder="DETALLE" VALUE="SALDO ANTERIOR" readonly>
            <input type="hidden"  name="opencaja" VALUE="SALDO ANTERIOR">
          </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">MONTO</label>
            <input type="number" class="form-control" name="ingreso"  placeholder="MONTO" required>
          </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>

 

  <?php include $r."inc/foot.php"; ?>
</body>

<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');
            }
        });
        $('#fecha').change(function(){
            var fecha = $(this).val();
            // Enviar la fecha al servidor usando $.post()
            $.post('acciones_new_caja.php', { fecha_mas_cercana: fecha }, function(response){
                // Aquí puedes manejar la respuesta del servidor si es necesario
                $('input[name="ingreso"]').val(response);
            });
        });
        // Función que se ejecuta al enviar el formulario
        $('#formaddmovimiento').submit(function(event){
            event.preventDefault(); // Evita el envío tradicional del formulario
            
             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
                    action_responde(response);
                },
                error: function(error){
                    // Maneja los errores si es necesario
                    swal({
                        title: 'ERROR',
                        text: 'Ocurrió un error: ' + error,
                        icon: 'warning',
                    });
                }
            });
        });
        
    });
    
    $('#dataTable').DataTable({
        "pageLength": 50,
        "order": [[ 0, "desc" ]]
    });
    
    function opencaja(){
        $('#opencaja').modal('show');
    }
    
    function action_responde(data){
        if(data.tipo === 'redirect'){
            window.location.href = data.url;
        }
        if(data.tipo === 'msn'){
            swal({
                title: data.title,
                text: data.mensaje,
                icon: 'info',
            });
        }
        
    }
    function closecaja(URL){
        swal({
            title: "ESTAS SEGURA DE CERRAR LA CAJA",
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "si",
            closeOnConfirm: false,
            cancelButtonText: "cancelar",
            showLoaderOnConfirm: true,
        },
        function(){
            window.location.href = 'acciones_new_caja.php?close='+URL;
        });
    }
    function reopencaja(URL){
        swal({
            title: "ESTAS SEGURA DE REABRIR LA CAJA",
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "si",
            closeOnConfirm: false,
            cancelButtonText: "cancelar",
            showLoaderOnConfirm: true,
        },
        function(){
            window.location.href = 'acciones_new_caja.php?reopen='+URL;
        });
    }
</script>
</html>    