@* Update JATOS - status card on administration page *@
<div class="card card-body bg-body-tertiary text-center mb-4" id="updateJatos">
    <h5 class="card-title">JATOS version</h5>
    <p class="card-text placeholder-glow mb-0" id="updateJatosMsg"><span class="placeholder col-5"></span></p>
    <div class="mx-auto mt-3 d-none" id="updateButtons">
        <button type="button" class="btn btn-admin" id="releaseNotesButton">Release Notes</button>
        <button type="button" class="btn btn-admin" id="updateJatosButton">Update</button>
    </div>
</div>

@* Update JATOS - release notes modal *@
<div class="modal fade" id="releaseNotesModal" tabindex="-1" data-bs-config='{"backdrop":"true", "focus":true, "keyboard":true}'>
    <div class="modal-dialog modal-lg modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-header align-items-start">
                <h5 class="modal-title text-truncate flex-grow-1">Release notes</h5>
                <button class="btn btn-close2 btn-xs btn-nav" type="button" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body"></div>
            <div class="modal-footer">
                <button type="button" class="btn btn-admin" id="releaseNotesUpdateJatosButton">Update now</button>
            </div>
        </div>
    </div>
</div>

@* Update JATOS - confirmation modal *@
<div class="modal fade" id="updateJatosModal" tabindex="-1" data-bs-config='{"backdrop":"static", "focus":true, "keyboard":false}'>
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header align-items-start">
                <h5 class="modal-title text-truncate flex-grow-1">Update JATOS</h5>
            </div>
            <div class="modal-body">
                <p class="confirmation-text d-none"></p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" id="updateJatosCanceled" data-bs-dismiss="modal">No, this is too risky</button>
                <button type="button" class="btn btn-admin" id="updateJatosConfirmed">I understand the risks, go on</button>
            </div>
        </div>
    </div>
</div>

<script @{helper.CSPNonce.attr} type="module">
    import * as Alerts from "@routes.Assets.versioned("lib/jatos-gui/javascripts/alerts.js")";
    import * as Helpers from "@routes.Assets.versioned("lib/jatos-gui/javascripts/helpers.js")";
    import * as WaitingModal from "@routes.Assets.versioned("lib/jatos-gui/javascripts/waitingModal.js")";

    (() => {
        const urlQueryParams = new URLSearchParams(window.location.search).toString();
        $.getJSON({
            url: `${window.routes.Updates.getReleaseInfo}?${urlQueryParams}`,
            success: function(releaseInfo) {
                $("#updateJatos").data("releaseInfo", releaseInfo);
                showJatosReleaseInfo(releaseInfo);
            },
            error: function () {
                $("#updateJatosMsg").html(`<i class="bi-exclamation-triangle text-warning pe-1"></i>Couldn't check for a JATOS update.`);
            }
        });
    })();

    function showJatosReleaseInfo(releaseInfo) {
        switch (releaseInfo.currentUpdateState) {
            case "SLEEPING":
                showUpdateAvailable(releaseInfo);
                break;
            case "DOWNLOADING":
                Alerts.info("JATOS is currently downloading an update.");
                break;
            case "DOWNLOADED":
                showUpdateJatosModalDownloaded();
                break;
            case "MOVING":
            case "RESTARTING":
                Alerts.warning("JATOS is currently restarting to finish an update. Please wait.");
                break;
            case "SUCCESS":
                Alerts.info("JATOS was successfully updated to " + releaseInfo.currentVersionFull);
                break;
            case "FAILED":
                Alerts.error("Something went wrong in an JATOS update. More information can be found in the application logs.");
                break;
            default:
                Alerts.error("Unknown UpdateState " + releaseInfo.currentUpdateState);
        }
    }

    function showUpdateAvailable(releaseInfo) {
        const version = getVersionName(releaseInfo);
        let text;
        if (releaseInfo.isNewerVersion || !releaseInfo.isLatest) {
            if (window.common.isMultiNode) {
                text = `<i class="bi-info-circle text-info pe-1"></i>Auto-update is not possible in a multi-node JATOS installation.`;
            } else if (releaseInfo.isUpdateAllowed && !releaseInfo.isDifferentJava && releaseInfo.zipUrl) {
                text = `<i class="bi-info-circle text-info pe-1"></i>Do you want to update to version&nbsp;${version}?`;
                if (releaseInfo.isLatest) text = "A new JATOS version is available. " + text;
                $("#updateButtons").removeClass("d-none");
            } else if (releaseInfo.isUpdateAllowed && releaseInfo.isDifferentJava && releaseInfo.zipJavaUrl) {
                text = `<i class="bi-info-circle text-info pe-1"></i>Do you want to update to version&nbsp;${version}?
                        The new JATOS needs a different version of Java than yours. So you'll need JATOS
                        bundled with Java&nbsp;${releaseInfo.newJavaVersion}.`;
                if (releaseInfo.isLatest) text = "A new JATOS version is available. " + text;
                $("#updateButtons").removeClass("d-none");
            }
        } else {
            text = `<i class="bi-check2 text-success pe-1"></i>Your JATOS (version&nbsp;${releaseInfo.currentVersion}) is up-to-date.`;
        }
        $("#updateJatosMsg").html(text);
    }

    $("#releaseNotesButton").click(function() {
        const releaseInfo = $("#updateJatos").data("releaseInfo");
        const version = getVersionName(releaseInfo);

        Helpers.generateModalSubtitles("#releaseNotesModal",
                {"Current version": window.common.jatosVersion, "Update version": version}, true);

        const releaseNodesClean = releaseInfo.releaseNotes.replace(/(\s|\n|\r|#)*Which variant(.|\n|\r)*/, "");
        const releaseNotesHtml = new showdown.Converter().makeHtml(releaseNodesClean);
        $("#releaseNotesModal .modal-body").html(releaseNotesHtml);
        $("#releaseNotesModal .modal-body a").attr("target", "_blank");

        $("#releaseNotesModal").modal('show');
    });

    function getVersionName(releaseInfo) {
        return releaseInfo.isPrerelease ? releaseInfo.versionFull + " (pre-release)" : releaseInfo.versionFull;
    }

    function getFileSizeInMb(releaseInfo) {
        const sizeInByte = releaseInfo.isDifferentJava ? releaseInfo.zipJavaSize : releaseInfo.zipSize;
        return Math.round(sizeInByte / 1024 / 1024);
    }

    $("#updateJatosButton").click(showUpdateJatosModalPreDownload);

    $("#releaseNotesUpdateJatosButton").click(function() {
        $('#releaseNotesModal')
            .modal('hide')
            .one('hidden.bs.modal', showUpdateJatosModalPreDownload);
    });

    function showUpdateJatosModalPreDownload() {
        const releaseInfo = $("#updateJatos").data("releaseInfo");
        const version = getVersionName(releaseInfo);
        const fileSizeInMb = getFileSizeInMb(releaseInfo);

        $("#updateJatosModal .modal-title").text("Update JATOS");
        Helpers.generateModalSubtitles("#updateJatosModal",
                {"Current version": window.common.jatosVersion, "Update version": version}, true);
        $("#updateJatosModal .confirmation-text").html(`First the new release will be downloaded (it is
                ${fileSizeInMb}&nbsp;MB). <b>Make sure you back up your data for the event that something goes
                wrong</b>. After the download is done you will be asked again for confirmation.`);
        $("#updateJatosModal .confirmation-text").removeClass("d-none");
        $("#updateJatosModal .modal-footer").removeClass("d-none");

        $("#updateJatosCanceled").off("click").on("click", cancelUpdate);
        $("#updateJatosConfirmed").off("click").on("click", downloadJatos);

        $("#updateJatosModal").modal('show');
    };

    function cancelUpdate() {
        $.ajax({
            url: window.routes.Updates.cancelUpdate,
            error: (err) => err.responseText ? Alerts.error(err.responseText) : Alerts.error("Couldn't cancel the update")
        });
    }

    function downloadJatos() {
        const releaseInfo = $("#updateJatos").data("releaseInfo");
        const fileSizeInMb = getFileSizeInMb(releaseInfo);
        const version = getVersionName(releaseInfo);

        $('#updateJatosModal')
            .modal('hide')
            .one('hidden.bs.modal', WaitingModal.show);

        $.ajax({
            url: window.routes.Updates.downloadJatos,
            timeout: 0, // Do not timeout
            success: showUpdateJatosModalDownloaded,
            error: function(err) {
                err.responseText ? Alerts.error(err.responseText) : Alerts.error("Something went wrong during the JATOS downloading: check the application logs");
            },
            complete: WaitingModal.hide
        });
    }

    function showUpdateJatosModalDownloaded() {
        const releaseInfo = $("#updateJatos").data("releaseInfo");
        const version = getVersionName(releaseInfo);

        $("#updateJatosModal .modal-title").text("Update & Restart");
        Helpers.generateModalSubtitles("#updateJatosModal",
                {"Current version": window.common.jatosVersion, "Update version": version}, true);
        $("#updateJatosModal .confirmation-text").text(`Downloaded. Now, do you really want to update to version ${version} and restart?`);
        $("#updateJatosModal .confirmation-text").removeClass("d-none");
        $("#updateJatosModal .modal-footer").removeClass("d-none");

        $("#updateJatosCanceled").off("click").on("click", cancelUpdate);
        $("#updateJatosConfirmed").off("click").on("click", updateAndRestart);

        $("#updateJatosModal").modal('show');
    }

    function updateAndRestart() {
        const releaseInfo = $("#updateJatos").data("releaseInfo");
        const version = getVersionName(releaseInfo);

        $("#updateJatosModal").modal('hide');
        $("#updateJatosModal .confirmation-text").addClass("d-none");
        $("#updateJatosModal .modal-footer").addClass("d-none");

        $.ajax({
            url: window.routes.Updates.updateAndRestart(false),
            timeout: 0, // Do not timeout
            success: function() {
                Alerts.info(`Restarting now to finish the update to version ${version}. It usually takes under a minute. Refresh this page every now and then.`, 0);
            },
            error: function(err) {
                if (err.status === 0) {
                    // JATOS is restarting - nothing to do here
                    Alerts.info(`Restarting now to finish the update to version ${version}. It usually takes under a minute. Refresh this page every now and then.`, 0);
                } else {
                    err.responseText ? Alerts.error(err.responseText) : Alerts.error("Something went wrong during update and restart: check the application logs")
                }
            }
        });
    }
</script>