<?php 
    //QUERY PARA LOS USUARIOS RUT DATALIST.
    $sql_niveles = "SELECT * FROM niveles WHERE estado = 'Activo'";
    $querynivelnombre = mysqli_query($con, $sql_niveles);
    //QUERY PARA LOS USUARIOS CORREO DATALIST.
    /*$sql_usuarios_correo = "SELECT * FROM usuario WHERE id_sucursal = '$id_sucursal_usuario' AND estado <> 'Eliminado'";
    $queryusuarios_correo = mysqli_query($con, $sql_usuarios_correo);

    //LISTADO DE SUCURSALES
    $sql_sucursal = "SELECT * FROM sucursal";
    $querysucursal = mysqli_query($con, $sql_sucursal);*/
?>

<datalist name="list_niveles" id="list_niveles" class="col-12 bg-white list_niveles" hidden>
                                            <?php while ($row_niveles = mysqli_fetch_assoc($querynivelnombre)) {
                                                        
                                            ?>
                                                <option value="<?php echo $row_niveles['nombre_nivel'];?>"></option>
                                            <?php }mysqli_free_result($querynivelnombre); ?>
                                            </datalist>
<!-- SUB FORMULARIO PARA REGISTRAR CLIENTE DENTRO DEL FORMULARIO RECEPCION  -->
<div class="modal fade" id="registroUsuario" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered modal-lg" role="document"> <!-- Agregamos modal-lg para hacerlo más grande -->
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Registrar Local de Votación</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body ">
        <!-- Formulario -->
        <form class="user" id="registroForm">
          <!-- Cliente (datos relevantes) -->
            <div class="form-group row div-container">   
                                                
                                                <div class="col-sm-12 form-floating form-label-inside input-div">
                                                    <input type="text" class="form-control" id="monto_matricula" name="monto_matricula" placeholder=" ">
                                                    <label for="monto_matricula" class="col-sm-12">Nombre Local de Votación</label>
                                                </div>
                                                
                                                
            </div>      <br>      
          <!-- Botones para guardar y cerrar el formulario 
            QUITÉ EL ONCLICK, PARA FUNCIONAMIENTO, AGREGAR ONCLICK FUNCTION.-->
          <div class="form-group d-flex justify-content-center align-items-center"><br>
            <button type="button" class="btn btn-primary form-control" id="guardarBtn" style="margin: 5px;" onclick="registrarNivel()">Registrar Mesa</button>
            <button type="button" class="btn btn-secondary form-control" style="margin: 5px;" data-bs-dismiss="modal">Cerrar</button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
<script>
function registrarNivel() {
    document.getElementById("guardarBtn").disabled = true;
  var monto_matricula = $('#monto_matricula').val();
            
            if (monto_matricula == "") {
                Swal.fire({
                  title: "Error",
                  text: "Por favor ingrese nombre de Local de Votación",
                  icon: "warning",
                  confirmButtonColor: "#2a3042",
                  confirmButtonText: "Aceptar"                  
                });
                document.getElementById("guardarBtn").disabled = false;
                return false;
                
            }   
                 
  $.ajax({
    type: 'POST',
    url: 'registro_local.php', // Nombre del archivo PHP para procesar el formulario
    data: {
      monto_matricula: monto_matricula
    },
    success: function(response) {
      var responseData = response.split("success");
      if (responseData.length > 1) {
        Swal.fire({
            title: "Registro exitoso",
            text: "El Local fue registrado correctamente",
            icon: "success",
            confirmButtonColor: "#2a3042",
            confirmButtonText: "Aceptar"
        }).then((result) => {
            if (result.isConfirmed) {
                $('#registrarNivel').modal('hide');
                $('#nombre').val('');
                $('#monto_matricula').val('');
                document.getElementById("guardarBtn").disabled = false;
                location.reload();
            }
        });
      } else {
        Swal.fire({
            title: "Error",
            text: response,
            icon: "error",
            confirmButtonColor: "#2a3042",
            confirmButtonText: "Aceptar"
        });
        //location.reload();
      }
      // Cerrar el modal después de guardar la marca.
      //$('#registroCliente').modal('close');
    }
  });
}
</script>