$(document).ready(function () {
    showDate('showDate');
    $(".qrcodeReader").qrCodeReader();
});

$("#qrr-close").on("click", function () {
    $("#form-event").val("");
});

function checkEmagementControl() {
    if (checkconnection()) {

        $.ajax({
            url: $("#QRCodeRead").val(),
            dataType: "json",
            encode: true,
        }).done(function (data) {
            $('#ResultQRCode').remove();
            $("#confirmationModal").append(getConfirmModal(data));
            $('#ResultQRCode').modal("show");
            if (data["result"] == true) {
                $('#ResultQRCode').on('hidden.bs.modal', function () {
                    getEvements();
                });
            }
        }).fail(function (xhr, status, error) {
            retour = Array;
            retour["result"] = false;
            retour["description"] = "Le QR-Code n'est pas valide";
            retour["salarie"] = null;
            retour["evenement"] = null;

            $('#ResultQRCode').remove();
            $("#confirmationModal").append(getConfirmModal(retour));
            $('#ResultQRCode').modal("show");
        });
        $("#QRCodeRead").removeAttr('value');

    } else {
        $("#divOffline").empty();
        $("#divOffline").append('<div class="alert alert-warning alertLogin" role="alert">Vous n\'êtes pas connecté à internet</div>');
        $("#divOffline").show();
        window.setTimeout(function () {
            $("#divOffline").fadeTo(600, 0).slideUp(600, function () {
                $(this).hide();
                $(this).css('opacity', '1');
            });
        }, 1000);
    }
}

$(document).ready(function () {
    // Sélectionnez le nœud à observer
    const targetNode = document.getElementById("QRCodeRead");

    // Vérifiez si l'élément existe avant de continuer
    if (!targetNode) {
        console.error("L'élément #QRCodeRead n'existe pas.");
        return;
    }

    // Options pour l'observateur (quelles mutations observer)
    const config = { attributes: true, attributeFilter: ['value'] };

    // Fonction de rappel à exécuter lorsque des mutations sont observées
    const callback = (mutationList, observer) => {
        mutationList.forEach(mutation => {
            if (mutation.type === "attributes" && mutation.attributeName === "value") {
                const value = $("#QRCodeRead").val();
                console.log("Modification détectée : ", value);
                if (value !== null && value !== '') {
                    checkEmagementControl();
                }
            }
        });
    };

    // Créez une instance d'observateur liée à la fonction de rappel
    const observer = new MutationObserver(callback);

    // Commencez à observer le nœud cible pour les mutations configurées
    observer.observe(targetNode, config);

    console.log("Observation des changements sur #QRCodeRead activée.");
});