var widget_one;
var widget_two;
var widgets = [];

function isFormValid() {
    var isValid = true;

    widget_one.packageLabel = document.getElementById('name').value;
    widget_one.unconfirmedSender = document.getElementById('email').value.toLowerCase();

    widget_two.packageLabel = document.getElementById('name').value;
    widget_two.unconfirmedSender = document.getElementById('email').value.toLowerCase();

    if (!/(.+)@(.+){2,}\.(.+){2,}/.test(document.getElementById("email").value)) {
        alert("You did not provide a valid email address");
        isValid = false;
        return isValid;
    }

    document.querySelectorAll("#dropzone_form input[type=text]").forEach((input) => {
        if (isValid && input.value.trim() === "") {
            alert("You must complete all input fields");
            isValid = false;
            return isValid;
        }
    });

    if (isValid && (widget_one.nbrOfFilesAttached < 1 || widget_two.nbrOfFilesAttached < 1)) {
        alert("You did not attach a file");
        isValid = false;
        return isValid;
    }
    return isValid;
}


function errorCallback() {
    spinner.style.display = 'none';
}

function finalizeThePackage() {

    const widgetFinalizationPromises = [];

    widgetFinalizationPromises.push(
        new Promise(function(resolve) {
            widget_one.finalizePackage(resolve, errorCallback);
        })
    );

    widgetFinalizationPromises.push(
        new Promise(function(resolve) {
            widget_two.finalizePackage(resolve, errorCallback);
        }));

    widgetSubmit(widgetFinalizationPromises);
}


function submitForm() {

    if (isFormValid()) {
        var spinner = document.getElementById("spinner");
        spinner.style.display = '';

        let widgetHasOnGoingUploads = [];

        widgets.forEach((widget) => {
            widgetHasOnGoingUploads.push(
                new Promise(function(resolve, reject) {
                    setTimeout(function () {
                        widget.hasOngoingUploads(function (result) {
                            if (result === true) {
                                const containersWithOngoingUploads = widget.ongoingUploads.filter(container => container.ongoingUploads === true);
                                containersWithOngoingUploads.forEach(container => {
                                    widget.failure("Please wait until all files are done uploading.", container.iframeParentElementId);
                                })
                                errorCallback();
                            } else {
                                resolve(result);
                            }
                        })
                    }, 1000);
                })
            );
        });

        widgetSubmit(widgetHasOnGoingUploads);
    }
}

function widgetSubmit(widgetPromises) {
    // Wait for all finalization promises to complete
    Promise.allSettled(widgetPromises).then((results) => {
        const hasError = results.some(result => result.status === 'rejected');
        if (hasError) {
            errorCallback();
        } else {
            if (results.some(result => result.value === false)) {
                // no ongoing uploads, finalize package
                finalizeThePackage()
            } else {
                // display submit done once all packages are finalized
                spinner.style.display = 'none';
                dropzone_form.style.display = 'none';
                submit_done.style.display = '';
            }
        }
    }).catch((error) => {
        console.error("An error occurred during widget finalization: ", error);
        errorCallback();
    });
}

var sendSafelyHost = "https://demo.sendsafely.com";
var dropzoneId = "7nWVqIyVEqAPG4Qe4BbYHON-lT-1VVRlc4bjMpYsisc";
var dropzoneId_two = "F0cCuFZ1coGap4V7b61RowATHADhlMAqQ9zEZGIR5K4";

var ready = (callback) => {
    if (document.readyState != "loading") callback();
    else document.addEventListener("DOMContentLoaded", callback);
}

ready(() => {
    // dropzone 1
    var placeholderElement_one = document.getElementById("dropzone-placeholder-div1");
    var placeholderElement_two = document.getElementById("dropzone-placeholder-div2");
    var dz_one_uploadContainers = [placeholderElement_one, placeholderElement_two];

    // dropzone 2
    var placeholderElement_three = document.getElementById("dropzone-placeholder-div3");
    var placeholderElement_four = document.getElementById("dropzone-placeholder-div4");
    var dz_two_uploadContainers = [placeholderElement_three, placeholderElement_four];
  
    var threadId1 = document.getElementById("dropzone-thread-id1");
var threadId2 = document.getElementById("dropzone-thread-id2");
    widget_one = new SendSafelyDropzone(dropzoneId, dz_one_uploadContainers, undefined, threadId1);
    widget_two = new SendSafelyDropzone(dropzoneId_two, dz_two_uploadContainers, undefined, threadId2);
    
    widgets.push(widget_one);
    widgets.push(widget_two);

    widgets.forEach((widget) => {
       widget.invokeDropzoneConnectors = true;
       widget.disableAutoSubmit = true;
       widget.url = sendSafelyHost;
       widget.initialize();
    });
});