"use strict";
/* eslint-disable @typescript-eslint/no-non-null-assertion, unicorn/prefer-module */
Object.defineProperty(exports, "__esModule", { value: true });
let lotStatuses = exports.lotStatuses;
delete exports.lotStatuses;
const updateLotStatus = (submitEvent) => {
    submitEvent.preventDefault();
    cityssm.postJSON(los.urlPrefix + "/admin/doUpdateLotStatus", submitEvent.currentTarget, (responseJSON) => {
        if (responseJSON.success) {
            lotStatuses = responseJSON.lotStatuses;
            bulmaJS.alert({
                message: los.escapedAliases.Lot + " Status Updated Successfully",
                contextualColorName: "success"
            });
        }
        else {
            bulmaJS.alert({
                title: "Error Updating " + los.escapedAliases.Lot + " Status",
                message: responseJSON.errorMessage || "",
                contextualColorName: "danger"
            });
        }
    });
};
const deleteLotStatus = (clickEvent) => {
    const tableRowElement = clickEvent.currentTarget.closest("tr");
    const lotStatusId = tableRowElement.dataset.lotStatusId;
    const doDelete = () => {
        cityssm.postJSON(los.urlPrefix + "/admin/doDeleteLotStatus", {
            lotStatusId
        }, (responseJSON) => {
            if (responseJSON.success) {
                lotStatuses = responseJSON.lotStatuses;
                if (lotStatuses.length === 0) {
                    renderLotStatuses();
                }
                else {
                    tableRowElement.remove();
                }
                bulmaJS.alert({
                    message: los.escapedAliases.Lot + " Status Deleted Successfully",
                    contextualColorName: "success"
                });
            }
            else {
                bulmaJS.alert({
                    title: "Error Deleting " + los.escapedAliases.Lot + " Status",
                    message: responseJSON.errorMessage || "",
                    contextualColorName: "danger"
                });
            }
        });
    };
    bulmaJS.confirm({
        title: `Delete ${los.escapedAliases.Lot} Status`,
        message: `Are you sure you want to delete this status?<br />
            Note that no ${los.escapedAliases.lot} will be removed.`,
        messageIsHtml: true,
        contextualColorName: "warning",
        okButton: {
            text: "Yes, Delete Status",
            callbackFunction: doDelete
        }
    });
};
const moveLotStatus = (clickEvent) => {
    const buttonElement = clickEvent.currentTarget;
    const tableRowElement = buttonElement.closest("tr");
    const lotStatusId = tableRowElement.dataset.lotStatusId;
    cityssm.postJSON(los.urlPrefix +
        "/admin/" +
        (buttonElement.dataset.direction === "up" ? "doMoveLotStatusUp" : "doMoveLotStatusDown"), {
        lotStatusId,
        moveToEnd: clickEvent.shiftKey ? "1" : "0"
    }, (responseJSON) => {
        if (responseJSON.success) {
            lotStatuses = responseJSON.lotStatuses;
            renderLotStatuses();
        }
        else {
            bulmaJS.alert({
                title: "Error Moving " + exports.aliases.lot + " Status",
                message: responseJSON.errorMessage || "",
                contextualColorName: "danger"
            });
        }
    });
};
const renderLotStatuses = () => {
    const containerElement = document.querySelector("#container--lotStatuses");
    if (lotStatuses.length === 0) {
        containerElement.innerHTML = `<tr><td colspan="2">
            <div class="message is-warning"><p class="message-body">There are no active ${los.escapedAliases.lot} statuses.</p></div>
            </td></tr>`;
        return;
    }
    containerElement.innerHTML = "";
    for (const lotStatus of lotStatuses) {
        const tableRowElement = document.createElement("tr");
        tableRowElement.dataset.lotStatusId = lotStatus.lotStatusId.toString();
        tableRowElement.innerHTML =
            "<td>" +
                "<form>" +
                '<input name="lotStatusId" type="hidden" value="' +
                lotStatus.lotStatusId.toString() +
                '" />' +
                ('<div class="field has-addons">' +
                    '<div class="control">' +
                    '<input class="input" name="lotStatus" type="text"' +
                    (' value="' + cityssm.escapeHTML(lotStatus.lotStatus) + '"') +
                    (' aria-label="' + cityssm.escapeHTML(exports.aliases.lot) + ' Status"') +
                    ' maxlength="100" required />' +
                    "</div>" +
                    '<div class="control">' +
                    '<button class="button is-success" type="submit" aria-label="Save"><i class="fas fa-save" aria-hidden="true"></i></button>' +
                    "</div>" +
                    "</div>") +
                "</form>" +
                "</td>" +
                '<td class="is-nowrap">' +
                '<div class="field is-grouped">' +
                '<div class="control">' +
                los.getMoveUpDownButtonFieldHTML("button--moveLotStatusUp", "button--moveLotStatusDown", false) +
                "</div>" +
                '<div class="control">' +
                '<button class="button is-danger is-light button--deleteLotStatus" data-tooltip="Delete Status" type="button" aria-label="Delete Status">' +
                '<i class="fas fa-trash" aria-hidden="true"></i>' +
                "</button>" +
                "</div>" +
                "</div>" +
                "</td>";
        tableRowElement.querySelector("form").addEventListener("submit", updateLotStatus);
        tableRowElement.querySelector(".button--moveLotStatusUp").addEventListener("click", moveLotStatus);
        tableRowElement.querySelector(".button--moveLotStatusDown").addEventListener("click", moveLotStatus);
        tableRowElement.querySelector(".button--deleteLotStatus").addEventListener("click", deleteLotStatus);
        containerElement.append(tableRowElement);
    }
};
document.querySelector("#form--addLotStatus").addEventListener("submit", (submitEvent) => {
    submitEvent.preventDefault();
    const formElement = submitEvent.currentTarget;
    cityssm.postJSON(los.urlPrefix + "/admin/doAddLotStatus", formElement, (responseJSON) => {
        if (responseJSON.success) {
            lotStatuses = responseJSON.lotStatuses;
            renderLotStatuses();
            formElement.reset();
            formElement.querySelector("input").focus();
        }
        else {
            bulmaJS.alert({
                title: `Error Adding ${los.escapedAliases.Lot} Status`,
                message: responseJSON.errorMessage || "",
                contextualColorName: "danger"
            });
        }
    });
});
renderLotStatuses();