// Función que valida que todos los campos del formulario estén llenos antes de enviarlo
function validarFormularioCliente() {
    const nombre = document.querySelector('input[name="nombre"]').value.trim();
    const apellido = document.querySelector('input[name="apellido"]').value.trim();
    const telefono = document.querySelector('input[name="telefono"]').value.trim();
    const correo = document.querySelector('input[name="correo"]').value.trim();

    // Si alguno de los campos está vacío, se muestra una alerta y se detiene el envío
    if (!nombre || !apellido || !telefono || !correo) {
        alert("Por favor, completa todos los campos.");
        return false;
    }

    // Si todos los campos están completos, el formulario se puede enviar
    return true;
}

// Función para eliminar un cliente; recibe el ID y pregunta al usuario si confirma
function eliminarCliente(id) {
    // Se muestra una ventana de confirmación antes de redirigir a delete.php con el ID del cliente
    if (confirm("¿Deseas eliminar este cliente?")) {
        window.location.href = `delete.php?delete_id=${id}`;
    }
}

// Función que muestra dinámicamente un formulario para actualizar datos de un cliente
function mostrarFormularioActualizarCliente(id, nombre, apellido, telefono, correo) {
    // Se crea un nuevo <div> que contiene un formulario para actualizar la información
    const formActualizar = document.createElement('div');
    formActualizar.innerHTML = `
        <form action="update.php" method="POST" class="update-form">
            <!-- Campo oculto con el ID del cliente -->
            <input type="hidden" name="update_id" value="${id}">
            <!-- Campos prellenados con los datos actuales del cliente -->
            <input type="text" name="update_nombre" value="${nombre}" required>
            <input type="text" name="update_apellido" value="${apellido}" required>
            <input type="text" name="update_telefono" value="${telefono}" required>
            <input type="email" name="update_correo" value="${correo}" required>
            <!-- Botón para enviar la actualización y botón para cancelar -->
            <button type="submit">Actualizar</button>
            <button type="button" onclick="cerrarFormularioActualizar()">Cancelar</button>
        </form>
    `;

    // Se añade el formulario al final del documento (puedes cambiar esto por un contenedor específico)
    document.body.appendChild(formActualizar);
}

// Función que cierra (elimina) el formulario de actualización del DOM
function cerrarFormularioActualizar() {
    // Selecciona el formulario que fue creado anteriormente para actualizar cliente
    const form = document.querySelector('form[action="update_cliente.php"]');
    if (form) {
        form.remove(); // Elimina el formulario del DOM
    }
}
