document.addEventListener("DOMContentLoaded", function() {

document.getElementById("guardar-btn").addEventListener("click", guardarDatos);

function guardarDatos() {
    // Aquí colocas la lógica para guardar los datos
    console.log("Guardando datos...");

    // Obtener los datos ingresados y calculados

    var cuencaSeleccionada = document.getElementById("cuenca").value;
    var fechaSeleccionada = document.getElementById("fecha").value;
    var puntoSeleccionado = document.getElementById("puntos").value;
    var temperatura = document.getElementById("temperatura").value;
    var alturamsnm = document.getElementById("alturamsnm").value;
    var parametro1 = document.getElementById("parametro1").value;
    var parametro2 = document.getElementById("parametro2").value;
    var parametro3 = document.getElementById("parametro3").value;
    var parametro4 = document.getElementById("parametro4").value;
    var parametro5 = document.getElementById("parametro5").value;
    var parametro6 = document.getElementById("parametro6").value;
    var parametro7 = document.getElementById("parametro7").value;
    var parametro8 = document.getElementById("parametro8").value;

    // Crear un objeto con los datos a enviar al servidor
    var datos = {
        cuenca: cuencaSeleccionada,
        fecha: fechaSeleccionada,
        punto: puntoSeleccionado,
        temperatura: temperatura,
        altura: alturamsnm,
        p1: parametro1,
        p2: parametro2,
        p3: parametro3,
        p4: parametro4,
        p5: parametro5,
        p6: parametro6,
        p7: parametro7,
        p8: parametro8,
        sub1: subindice1,
        sub2: subindice2,
        sub3: subindice3,
        sub4: subindice4,
        sub5: subindice5,
        sub6: subindice6,
        sub7: subindice7,
        indice: indice,
        clasificacion: clasificacion
    };

    // Realizar una solicitud AJAX para enviar los datos al servidor
    var xhr = new XMLHttpRequest();
    xhr.open("POST", "../php/guardar_datos.php", true);
    xhr.setRequestHeader("Content-Type", "application/json");
    xhr.onreadystatechange = function() {
        if (xhr.readyState === XMLHttpRequest.DONE) {
            if (xhr.status === 200) {
                // La solicitud fue exitosa, hacer algo si es necesario
                console.log("Datos guardados correctamente.");
            } else {
                // Hubo un error al realizar la solicitud
                console.error("Error al guardar los datos.");
            }
        }
    };
    xhr.send(JSON.stringify(datos));
}

// Llamada a la función guardarDatos con los valores de subíndices
guardarDatos(subindice1, subindice2, subindice3, subindice4, subindice5, subindice6, subindice7);

});