"use strict";
/* eslint-disable @typescript-eslint/no-non-null-assertion, unicorn/prefer-module */
Object.defineProperty(exports, "__esModule", { value: true });
(() => {
    const los = exports.los;
    const workOrderId = document.querySelector("#workOrderEdit--workOrderId").value;
    const isCreate = workOrderId === "";
    const workOrderFormElement = document.querySelector("#form--workOrderEdit");
    los.initializeDatePickers(workOrderFormElement.querySelector("#workOrderEdit--workOrderOpenDateString").closest(".field"));
    los.initializeUnlockFieldButtons(workOrderFormElement);
    workOrderFormElement.addEventListener("submit", (submitEvent) => {
        submitEvent.preventDefault();
        cityssm.postJSON(los.urlPrefix + "/workOrders/" + (isCreate ? "doCreateWorkOrder" : "doUpdateWorkOrder"), submitEvent.currentTarget, (responseJSON) => {
            if (responseJSON.success) {
                cityssm.disableNavBlocker();
                if (isCreate) {
                    window.location.href =
                        los.urlPrefix + "/workOrders/" + responseJSON.workOrderId + "/edit";
                }
                else {
                    bulmaJS.alert({
                        message: "Work Order Updated Successfully",
                        contextualColorName: "success"
                    });
                }
            }
            else {
                bulmaJS.alert({
                    title: "Error Updating Work Order",
                    message: responseJSON.errorMessage || "",
                    contextualColorName: "danger"
                });
            }
        });
    });
    const inputElements = workOrderFormElement.querySelectorAll("input, select");
    for (const inputElement of inputElements) {
        inputElement.addEventListener("change", cityssm.enableNavBlocker);
    }
    /*
     * Work Order Options
     */
    function doClose() {
        cityssm.postJSON(los.urlPrefix + "/workOrders/doCloseWorkOrder", {
            workOrderId
        }, (responseJSON) => {
            if (responseJSON.success) {
                window.location.href = los.urlPrefix + "/workOrders/" + workOrderId;
            }
            else {
                bulmaJS.alert({
                    title: "Error Closing Work Order",
                    message: responseJSON.errorMessage || "",
                    contextualColorName: "danger"
                });
            }
        });
    }
    function doDelete() {
        cityssm.postJSON(los.urlPrefix + "/workOrders/doDeleteWorkOrder", {
            workOrderId
        }, (responseJSON) => {
            if (responseJSON.success) {
                window.location.href = los.urlPrefix + "/workOrders";
            }
            else {
                bulmaJS.alert({
                    title: "Error Deleting Work Order",
                    message: responseJSON.errorMessage || "",
                    contextualColorName: "danger"
                });
            }
        });
    }
    let workOrderMilestones;
    if (!isCreate) {
        document.querySelector("#button--closeWorkOrder").addEventListener("click", () => {
            const hasOpenMilestones = workOrderMilestones.some((milestone) => {
                return !milestone.workOrderMilestoneCompletionDate;
            });
            if (hasOpenMilestones) {
                bulmaJS.alert({
                    title: "Outstanding Milestones",
                    message: `You cannot close a work order with outstanding milestones.
                        Either complete the outstanding milestones, or remove them from the work order.`,
                    contextualColorName: "warning"
                });
                /*
                    // Disable closing work orders with open milestones
                    bulmaJS.confirm({
                        title: "Close Work Order with Outstanding Milestones",
                        message:
                            "Are you sure you want to close this work order with outstanding milestones?",
                        contextualColorName: "danger",
                        okButton: {
                            text: "Yes, Close Work Order",
                            callbackFunction: doClose
                        }
                    });
                */
            }
            else {
                bulmaJS.confirm({
                    title: "Close Work Order",
                    message: "Are you sure you want to close this work order?",
                    contextualColorName: "info",
                    okButton: {
                        text: "Yes, Close Work Order",
                        callbackFunction: doClose
                    }
                });
            }
        });
        document.querySelector("#button--deleteWorkOrder").addEventListener("click", (clickEvent) => {
            clickEvent.preventDefault();
            bulmaJS.confirm({
                title: "Delete Work Order",
                message: "Are you sure you want to delete this work order?",
                contextualColorName: "warning",
                okButton: {
                    text: "Yes, Delete Work Order",
                    callbackFunction: doDelete
                }
            });
        });
    }
    /*
     * Related Lots
     */
    if (!isCreate) {
        "use strict";
        /* eslint-disable @typescript-eslint/no-non-null-assertion, unicorn/prefer-module */
        Object.defineProperty(exports, "__esModule", { value: true });
        let workOrderLots = exports.workOrderLots;
        delete exports.workOrderLots;
        let workOrderLotOccupancies = exports.workOrderLotOccupancies;
        delete exports.workOrderLotOccupancies;
        function deleteLotOccupancy(clickEvent) {
            const lotOccupancyId = clickEvent.currentTarget.closest(".container--lotOccupancy").dataset.lotOccupancyId;
            function doDelete() {
                cityssm.postJSON(los.urlPrefix + "/workOrders/doDeleteWorkOrderLotOccupancy", {
                    workOrderId,
                    lotOccupancyId
                }, (responseJSON) => {
                    if (responseJSON.success) {
                        workOrderLotOccupancies = responseJSON.workOrderLotOccupancies;
                        renderRelatedLotsAndOccupancies();
                    }
                    else {
                        bulmaJS.alert({
                            title: "Error Deleting Relationship",
                            message: responseJSON.errorMessage || "",
                            contextualColorName: "danger"
                        });
                    }
                });
            }
            bulmaJS.confirm({
                title: `Delete ${los.escapedAliases.Occupancy} Relationship`,
                message: `Are you sure you want to remove the relationship to this ${los.escapedAliases.occupancy} record from this work order?  Note that the record will remain.`,
                contextualColorName: "warning",
                okButton: {
                    text: "Yes, Delete Relationship",
                    callbackFunction: doDelete
                }
            });
        }
        function addLot(lotId, callbackFunction) {
            cityssm.postJSON(los.urlPrefix + "/workOrders/doAddWorkOrderLot", {
                workOrderId,
                lotId
            }, (responseJSON) => {
                if (responseJSON.success) {
                    workOrderLots = responseJSON.workOrderLots;
                    renderRelatedLotsAndOccupancies();
                }
                else {
                    bulmaJS.alert({
                        title: "Error Adding " + los.escapedAliases.Lot,
                        message: responseJSON.errorMessage || "",
                        contextualColorName: "danger"
                    });
                }
                if (callbackFunction) {
                    callbackFunction(responseJSON.success);
                }
            });
        }
        function addLotOccupancy(lotOccupancyId, callbackFunction) {
            cityssm.postJSON(los.urlPrefix + "/workOrders/doAddWorkOrderLotOccupancy", {
                workOrderId,
                lotOccupancyId
            }, (responseJSON) => {
                if (responseJSON.success) {
                    workOrderLotOccupancies = responseJSON.workOrderLotOccupancies;
                    renderRelatedLotsAndOccupancies();
                }
                else {
                    bulmaJS.alert({
                        title: "Error Adding " + los.escapedAliases.Occupancy,
                        message: responseJSON.errorMessage || "",
                        contextualColorName: "danger"
                    });
                }
                if (callbackFunction) {
                    callbackFunction(responseJSON.success);
                }
            });
        }
        function addLotFromLotOccupancy(clickEvent) {
            const lotId = clickEvent.currentTarget.dataset.lotId;
            addLot(lotId);
        }
        function renderRelatedOccupancies() {
            var _a, _b;
            const occupanciesContainerElement = document.querySelector("#container--lotOccupancies");
            document.querySelector(".tabs a[href='#relatedTab--lotOccupancies'] .tag").textContent =
                workOrderLotOccupancies.length.toString();
            if (workOrderLotOccupancies.length === 0) {
                occupanciesContainerElement.innerHTML = `<div class="message is-info">
                    <p class="message-body">There are no ${los.escapedAliases.occupancies} associated with this work order.</p>
                    </div>`;
                return;
            }
            occupanciesContainerElement.innerHTML = `<table class="table is-fullwidth is-striped is-hoverable">
                <thead><tr>
                <th class="has-width-1"></th><th>${los.escapedAliases.Occupancy} Type</th>
                <th>${los.escapedAliases.Lot}</th><th>${los.escapedAliases.OccupancyStartDate}</th>
                <th>End Date</th><th>${los.escapedAliases.Occupants}</th>
                <th class="has-width-1"></th>
                </tr></thead>
                <tbody></tbody>
                </table>`;
            const currentDateString = cityssm.dateToString(new Date());
            for (const lotOccupancy of workOrderLotOccupancies) {
                const rowElement = document.createElement("tr");
                rowElement.className = "container--lotOccupancy";
                rowElement.dataset.lotOccupancyId = lotOccupancy.lotOccupancyId.toString();
                const isActive = !(lotOccupancy.occupancyEndDate && lotOccupancy.occupancyEndDateString < currentDateString);
                const hasLotRecord = lotOccupancy.lotId &&
                    workOrderLots.some((lot) => {
                        return lotOccupancy.lotId === lot.lotId;
                    });
                rowElement.innerHTML =
                    '<td class="is-width-1 has-text-centered">' +
                        (isActive
                            ? '<i class="fas fa-play" title="Current ' + los.escapedAliases.Occupancy + '"></i>'
                            : '<i class="fas fa-stop" title="Previous ' + los.escapedAliases.Occupancy + '"></i>') +
                        "</td>" +
                        ("<td>" +
                            '<a class="has-text-weight-bold" href="' +
                            cityssm.escapeHTML(los.urlPrefix) +
                            "/lotOccupancies/" +
                            lotOccupancy.lotOccupancyId +
                            '">' +
                            cityssm.escapeHTML(lotOccupancy.occupancyType || "") +
                            "</a>" +
                            "</td>");
                if (lotOccupancy.lotId) {
                    rowElement.insertAdjacentHTML("beforeend", "<td>" +
                        cityssm.escapeHTML(lotOccupancy.lotName || "") +
                        (hasLotRecord
                            ? ""
                            : ' <button class="button is-small is-light is-success button--addLot"' +
                                ' data-lot-id="' +
                                lotOccupancy.lotId +
                                '"' +
                                ' data-tooltip="Add ' +
                                los.escapedAliases.Lot +
                                '"' +
                                ' aria-label="Add ' +
                                los.escapedAliases.Lot +
                                '" type="button">' +
                                '<i class="fas fa-plus" aria-hidden="true"></i>' +
                                "</button>") +
                        "</td>");
                }
                else {
                    rowElement.insertAdjacentHTML("beforeend", `<td><span class="has-text-grey">(No ${los.escapedAliases.Lot})</span></td>`);
                }
                rowElement.insertAdjacentHTML("beforeend", "<td>" +
                    lotOccupancy.occupancyStartDateString +
                    "</td>" +
                    ("<td>" +
                        (lotOccupancy.occupancyEndDate
                            ? lotOccupancy.occupancyEndDateString
                            : '<span class="has-text-grey">(No End Date)</span>') +
                        "</td>") +
                    ("<td>" +
                        (lotOccupancy.lotOccupancyOccupants.length === 0
                            ? '<span class="has-text-grey">(No ' + los.escapedAliases.Occupants + ")</span>"
                            : (_a = lotOccupancy.lotOccupancyOccupants) === null || _a === void 0 ? void 0 : _a.reduce((soFar, occupant) => {
                                return (soFar +
                                    '<span class="has-tooltip-left" data-tooltip="' +
                                    cityssm.escapeHTML(occupant.lotOccupantType) +
                                    '">' +
                                    '<i class="fas fa-fw fa-' +
                                    cityssm.escapeHTML(occupant.fontAwesomeIconClass || "user") +
                                    '" aria-label="' +
                                    los.escapedAliases.Occupant +
                                    '"></i> ' +
                                    cityssm.escapeHTML(occupant.occupantName) +
                                    "</span><br />");
                            }, "")) +
                        "</td>") +
                    ("<td>" +
                        '<button class="button is-small is-light is-danger button--deleteLotOccupancy" data-tooltip="Delete Relationship" type="button">' +
                        '<i class="fas fa-trash" aria-hidden="true"></i>' +
                        "</button>" +
                        "</td>"));
                (_b = rowElement.querySelector(".button--addLot")) === null || _b === void 0 ? void 0 : _b.addEventListener("click", addLotFromLotOccupancy);
                rowElement
                    .querySelector(".button--deleteLotOccupancy")
                    .addEventListener("click", deleteLotOccupancy);
                occupanciesContainerElement.querySelector("tbody").append(rowElement);
            }
        }
        function openEditLotStatus(clickEvent) {
            const lotId = Number.parseInt(clickEvent.currentTarget.closest(".container--lot").dataset.lotId, 10);
            const lot = workOrderLots.find((possibleLot) => {
                return possibleLot.lotId === lotId;
            });
            let editCloseModalFunction;
            function doUpdateLotStatus(submitEvent) {
                submitEvent.preventDefault();
                cityssm.postJSON(los.urlPrefix + "/workOrders/doUpdateLotStatus", submitEvent.currentTarget, (responseJSON) => {
                    if (responseJSON.success) {
                        workOrderLots = responseJSON.workOrderLots;
                        renderRelatedLotsAndOccupancies();
                        editCloseModalFunction();
                    }
                    else {
                        bulmaJS.alert({
                            title: "Error Deleting Relationship",
                            message: responseJSON.errorMessage || "",
                            contextualColorName: "danger"
                        });
                    }
                });
            }
            cityssm.openHtmlModal("lot-editLotStatus", {
                onshow(modalElement) {
                    los.populateAliases(modalElement);
                    modalElement.querySelector("#lotStatusEdit--lotId").value =
                        lotId.toString();
                    modalElement.querySelector("#lotStatusEdit--lotName").value = lot.lotName;
                    const lotStatusElement = modalElement.querySelector("#lotStatusEdit--lotStatusId");
                    let lotStatusFound = false;
                    for (const lotStatus of exports.lotStatuses) {
                        const optionElement = document.createElement("option");
                        optionElement.value = lotStatus.lotStatusId.toString();
                        optionElement.textContent = lotStatus.lotStatus;
                        if (lotStatus.lotStatusId === lot.lotStatusId) {
                            lotStatusFound = true;
                        }
                        lotStatusElement.append(optionElement);
                    }
                    if (!lotStatusFound && lot.lotStatusId) {
                        const optionElement = document.createElement("option");
                        optionElement.value = lot.lotStatusId.toString();
                        optionElement.textContent = lot.lotStatus;
                        lotStatusElement.append(optionElement);
                    }
                    if (lot.lotStatusId) {
                        lotStatusElement.value = lot.lotStatusId.toString();
                    }
                    modalElement
                        .querySelector("form")
                        .insertAdjacentHTML("beforeend", `<input name="workOrderId" type="hidden" value="${workOrderId}" />`);
                },
                onshown(modalElement, closeModalFunction) {
                    editCloseModalFunction = closeModalFunction;
                    bulmaJS.toggleHtmlClipped();
                    modalElement.querySelector("form").addEventListener("submit", doUpdateLotStatus);
                },
                onremoved() {
                    bulmaJS.toggleHtmlClipped();
                }
            });
        }
        function deleteLot(clickEvent) {
            const lotId = clickEvent.currentTarget.closest(".container--lot")
                .dataset.lotId;
            function doDelete() {
                cityssm.postJSON(los.urlPrefix + "/workOrders/doDeleteWorkOrderLot", {
                    workOrderId,
                    lotId
                }, (responseJSON) => {
                    if (responseJSON.success) {
                        workOrderLots = responseJSON.workOrderLots;
                        renderRelatedLotsAndOccupancies();
                    }
                    else {
                        bulmaJS.alert({
                            title: "Error Deleting Relationship",
                            message: responseJSON.errorMessage || "",
                            contextualColorName: "danger"
                        });
                    }
                });
            }
            bulmaJS.confirm({
                title: `Delete ${los.escapedAliases.Occupancy} Relationship`,
                message: `Are you sure you want to remove the relationship to this ${los.escapedAliases.occupancy} record from this work order?  Note that the record will remain.`,
                contextualColorName: "warning",
                okButton: {
                    text: "Yes, Delete Relationship",
                    callbackFunction: doDelete
                }
            });
        }
        function renderRelatedLots() {
            const lotsContainerElement = document.querySelector("#container--lots");
            document.querySelector(".tabs a[href='#relatedTab--lots'] .tag").textContent =
                workOrderLots.length.toString();
            if (workOrderLots.length === 0) {
                lotsContainerElement.innerHTML = `<div class="message is-info">
                    <p class="message-body">There are no ${los.escapedAliases.lots} associated with this work order.</p>
                    </div>`;
                return;
            }
            lotsContainerElement.innerHTML = `<table class="table is-fullwidth is-striped is-hoverable">
                <thead><tr>
                <th>${los.escapedAliases.Lot}</th>
                <th>${los.escapedAliases.Map}</th>
                <th>${los.escapedAliases.Lot} Type</th>
                <th>Status</th>
                <th class="has-width-1"></th>
                </tr></thead>
                <tbody></tbody>
                </table>`;
            for (const lot of workOrderLots) {
                const rowElement = document.createElement("tr");
                rowElement.className = "container--lot";
                rowElement.dataset.lotId = lot.lotId.toString();
                rowElement.innerHTML =
                    "<td>" +
                        '<a class="has-text-weight-bold" href="' +
                        cityssm.escapeHTML(los.urlPrefix) +
                        "/lots/" +
                        lot.lotId +
                        '">' +
                        cityssm.escapeHTML(lot.lotName || "") +
                        "</a>" +
                        "</td>" +
                        ("<td>" + cityssm.escapeHTML(lot.mapName || "") + "</td>") +
                        ("<td>" + cityssm.escapeHTML(lot.lotType || "") + "</td>") +
                        ("<td>" +
                            (lot.lotStatusId
                                ? cityssm.escapeHTML(lot.lotStatus || "")
                                : '<span class="has-text-grey">(No Status)</span>') +
                            "</td>") +
                        ('<td class="is-nowrap">' +
                            '<button class="button is-small is-light is-info button--editLotStatus" data-tooltip="Update Status" type="button">' +
                            '<i class="fas fa-pencil-alt" aria-hidden="true"></i>' +
                            "</button>" +
                            ' <button class="button is-small is-light is-danger button--deleteLot" data-tooltip="Delete Relationship" type="button">' +
                            '<i class="fas fa-trash" aria-hidden="true"></i>' +
                            "</button>" +
                            "</td>");
                rowElement.querySelector(".button--editLotStatus").addEventListener("click", openEditLotStatus);
                rowElement.querySelector(".button--deleteLot").addEventListener("click", deleteLot);
                lotsContainerElement.querySelector("tbody").append(rowElement);
            }
        }
        function renderRelatedLotsAndOccupancies() {
            renderRelatedOccupancies();
            renderRelatedLots();
        }
        renderRelatedLotsAndOccupancies();
        function doAddLotOccupancy(clickEvent) {
            const rowElement = clickEvent.currentTarget.closest("tr");
            const lotOccupancyId = rowElement.dataset.lotOccupancyId;
            addLotOccupancy(lotOccupancyId, (success) => {
                if (success) {
                    rowElement.remove();
                }
            });
        }
        document.querySelector("#button--addLotOccupancy").addEventListener("click", () => {
            let searchFormElement;
            let searchResultsContainerElement;
            function doSearch(event) {
                if (event) {
                    event.preventDefault();
                }
                searchResultsContainerElement.innerHTML = los.getLoadingParagraphHTML("Searching...");
                cityssm.postJSON(los.urlPrefix + "/lotOccupancies/doSearchLotOccupancies", searchFormElement, (responseJSON) => {
                    if (responseJSON.lotOccupancies.length === 0) {
                        searchResultsContainerElement.innerHTML = `<div class="message is-info">
                                <p class="message-body">There are no records that meet the search criteria.</p>
                                </div>`;
                        return;
                    }
                    searchResultsContainerElement.innerHTML = `<table class="table is-fullwidth is-striped is-hoverable">
                                <thead><tr>
                                <th class="has-width-1"></th>
                                <th>${los.escapedAliases.Occupancy} Type</th>
                                <th>${los.escapedAliases.Lot}</th>
                                <th>${los.escapedAliases.OccupancyStartDate}</th>
                                <th>End Date</th>
                                <th>${los.escapedAliases.Occupants}</th>
                                </tr></thead>
                                <tbody></tbody>
                                </table>`;
                    for (const lotOccupancy of responseJSON.lotOccupancies) {
                        const rowElement = document.createElement("tr");
                        rowElement.className = "container--lotOccupancy";
                        rowElement.dataset.lotOccupancyId = lotOccupancy.lotOccupancyId.toString();
                        rowElement.innerHTML =
                            '<td class="has-text-centered">' +
                                '<button class="button is-small is-success button--addLotOccupancy" data-tooltip="Add" type="button" aria-label="Add">' +
                                '<i class="fas fa-plus" aria-hidden="true"></i>' +
                                "</button>" +
                                "</td>" +
                                ('<td class="has-text-weight-bold">' +
                                    cityssm.escapeHTML(lotOccupancy.occupancyType || "") +
                                    "</td>");
                        if (lotOccupancy.lotId) {
                            rowElement.insertAdjacentHTML("beforeend", "<td>" + cityssm.escapeHTML(lotOccupancy.lotName || "") + "</td>");
                        }
                        else {
                            rowElement.insertAdjacentHTML("beforeend", `<td><span class="has-text-grey">(No ${los.escapedAliases.Lot})</span></td>`);
                        }
                        rowElement.insertAdjacentHTML("beforeend", "<td>" +
                            lotOccupancy.occupancyStartDateString +
                            "</td>" +
                            ("<td>" +
                                (lotOccupancy.occupancyEndDate
                                    ? lotOccupancy.occupancyEndDateString
                                    : '<span class="has-text-grey">(No End Date)</span>') +
                                "</td>") +
                            ("<td>" +
                                (lotOccupancy.lotOccupancyOccupants.length === 0
                                    ? '<span class="has-text-grey">(No ' +
                                        cityssm.escapeHTML(exports.aliases.occupants) +
                                        ")</span>"
                                    : cityssm.escapeHTML(lotOccupancy.lotOccupancyOccupants[0].occupantName) +
                                        (lotOccupancy.lotOccupancyOccupants.length > 1
                                            ? " plus " + (lotOccupancy.lotOccupancyOccupants.length - 1)
                                            : "")) +
                                "</td>"));
                        rowElement
                            .querySelector(".button--addLotOccupancy")
                            .addEventListener("click", doAddLotOccupancy);
                        searchResultsContainerElement.querySelector("tbody").append(rowElement);
                    }
                });
            }
            cityssm.openHtmlModal("workOrder-addLotOccupancy", {
                onshow(modalElement) {
                    los.populateAliases(modalElement);
                    searchFormElement = modalElement.querySelector("form");
                    searchResultsContainerElement = modalElement.querySelector("#resultsContainer--lotOccupancyAdd");
                    modalElement.querySelector("#lotOccupancySearch--notWorkOrderId").value =
                        workOrderId;
                    modalElement.querySelector("#lotOccupancySearch--occupancyEffectiveDateString").value = document.querySelector("#workOrderEdit--workOrderOpenDateString").value;
                    doSearch();
                },
                onshown(modalElement) {
                    bulmaJS.toggleHtmlClipped();
                    modalElement.querySelector("#lotOccupancySearch--occupantName").addEventListener("change", doSearch);
                    modalElement.querySelector("#lotOccupancySearch--lotName").addEventListener("change", doSearch);
                    searchFormElement.addEventListener("submit", doSearch);
                },
                onremoved() {
                    bulmaJS.toggleHtmlClipped();
                }
            });
        });
        function doAddLot(clickEvent) {
            const rowElement = clickEvent.currentTarget.closest("tr");
            const lotId = rowElement.dataset.lotId;
            addLot(lotId, (success) => {
                if (success) {
                    rowElement.remove();
                }
            });
        }
        document.querySelector("#button--addLot").addEventListener("click", () => {
            let searchFormElement;
            let searchResultsContainerElement;
            function doSearch(event) {
                if (event) {
                    event.preventDefault();
                }
                searchResultsContainerElement.innerHTML = los.getLoadingParagraphHTML("Searching...");
                cityssm.postJSON(los.urlPrefix + "/lots/doSearchLots", searchFormElement, (responseJSON) => {
                    if (responseJSON.lots.length === 0) {
                        searchResultsContainerElement.innerHTML =
                            '<div class="message is-info">' +
                                '<p class="message-body">There are no records that meet the search criteria.</p>' +
                                "</div>";
                        return;
                    }
                    searchResultsContainerElement.innerHTML = `<table class="table is-fullwidth is-striped is-hoverable">
                            <thead><tr>
                            <th class="has-width-1"></th>
                            <th>${los.escapedAliases.Lot}</th>
                            <th>${los.escapedAliases.Map}</th>
                            <th>${los.escapedAliases.Lot} Type</th>
                            <th>Status</th>
                            </tr></thead>
                            <tbody></tbody>
                            </table>`;
                    for (const lot of responseJSON.lots) {
                        const rowElement = document.createElement("tr");
                        rowElement.className = "container--lot";
                        rowElement.dataset.lotId = lot.lotId.toString();
                        rowElement.innerHTML =
                            '<td class="has-text-centered">' +
                                '<button class="button is-small is-success button--addLot" data-tooltip="Add" type="button" aria-label="Add">' +
                                '<i class="fas fa-plus" aria-hidden="true"></i>' +
                                "</button>" +
                                "</td>" +
                                ('<td class="has-text-weight-bold">' +
                                    cityssm.escapeHTML(lot.lotName || "") +
                                    "</td>") +
                                "<td>" +
                                cityssm.escapeHTML(lot.mapName || "") +
                                "</td>" +
                                ("<td>" + cityssm.escapeHTML(lot.lotType || "") + "</td>") +
                                ("<td>" + cityssm.escapeHTML(lot.lotStatus || "") + "</td>");
                        rowElement.querySelector(".button--addLot").addEventListener("click", doAddLot);
                        searchResultsContainerElement.querySelector("tbody").append(rowElement);
                    }
                });
            }
            cityssm.openHtmlModal("workOrder-addLot", {
                onshow(modalElement) {
                    los.populateAliases(modalElement);
                    searchFormElement = modalElement.querySelector("form");
                    searchResultsContainerElement = modalElement.querySelector("#resultsContainer--lotAdd");
                    modalElement.querySelector("#lotSearch--notWorkOrderId").value =
                        workOrderId;
                    const lotStatusElement = modalElement.querySelector("#lotSearch--lotStatusId");
                    for (const lotStatus of exports.lotStatuses) {
                        const optionElement = document.createElement("option");
                        optionElement.value = lotStatus.lotStatusId.toString();
                        optionElement.textContent = lotStatus.lotStatus;
                        lotStatusElement.append(optionElement);
                    }
                    doSearch();
                },
                onshown(modalElement) {
                    bulmaJS.toggleHtmlClipped();
                    modalElement.querySelector("#lotSearch--lotName").addEventListener("change", doSearch);
                    modalElement.querySelector("#lotSearch--lotStatusId").addEventListener("change", doSearch);
                    searchFormElement.addEventListener("submit", doSearch);
                },
                onremoved() {
                    bulmaJS.toggleHtmlClipped();
                }
            });
        });
        
    }
    /*
     * Comments
     */
    "use strict";
    /* eslint-disable @typescript-eslint/no-non-null-assertion, unicorn/prefer-module */
    Object.defineProperty(exports, "__esModule", { value: true });
    let workOrderComments = exports.workOrderComments;
    delete exports.workOrderComments;
    const openEditWorkOrderComment = (clickEvent) => {
        const workOrderCommentId = Number.parseInt(clickEvent.currentTarget.closest("tr").dataset.workOrderCommentId, 10);
        const workOrderComment = workOrderComments.find((currentComment) => {
            return currentComment.workOrderCommentId === workOrderCommentId;
        });
        let editFormElement;
        let editCloseModalFunction;
        function editComment(submitEvent) {
            submitEvent.preventDefault();
            cityssm.postJSON(los.urlPrefix + "/workOrders/doUpdateWorkOrderComment", editFormElement, (responseJSON) => {
                if (responseJSON.success) {
                    workOrderComments = responseJSON.workOrderComments;
                    editCloseModalFunction();
                    renderWorkOrderComments();
                }
                else {
                    bulmaJS.alert({
                        title: "Error Updating Comment",
                        message: responseJSON.errorMessage || "",
                        contextualColorName: "danger"
                    });
                }
            });
        }
        cityssm.openHtmlModal("workOrder-editComment", {
            onshow(modalElement) {
                modalElement.querySelector("#workOrderCommentEdit--workOrderId").value =
                    workOrderId;
                modalElement.querySelector("#workOrderCommentEdit--workOrderCommentId").value = workOrderCommentId.toString();
                modalElement.querySelector("#workOrderCommentEdit--workOrderComment").value = workOrderComment.workOrderComment;
                const workOrderCommentDateStringElement = modalElement.querySelector("#workOrderCommentEdit--workOrderCommentDateString");
                workOrderCommentDateStringElement.value = workOrderComment.workOrderCommentDateString;
                const currentDateString = cityssm.dateToString(new Date());
                workOrderCommentDateStringElement.max =
                    workOrderComment.workOrderCommentDateString <= currentDateString
                        ? currentDateString
                        : workOrderComment.workOrderCommentDateString;
                modalElement.querySelector("#workOrderCommentEdit--workOrderCommentTimeString").value = workOrderComment.workOrderCommentTimeString;
            },
            onshown(modalElement, closeModalFunction) {
                bulmaJS.toggleHtmlClipped();
                los.initializeDatePickers(modalElement);
                // los.initializeTimePickers(modalElement);
                modalElement.querySelector("#workOrderCommentEdit--workOrderComment").focus();
                editFormElement = modalElement.querySelector("form");
                editFormElement.addEventListener("submit", editComment);
                editCloseModalFunction = closeModalFunction;
            },
            onremoved() {
                bulmaJS.toggleHtmlClipped();
            }
        });
    };
    function deleteWorkOrderComment(clickEvent) {
        const workOrderCommentId = Number.parseInt(clickEvent.currentTarget.closest("tr").dataset.workOrderCommentId, 10);
        function doDelete() {
            cityssm.postJSON(los.urlPrefix + "/workOrders/doDeleteWorkOrderComment", {
                workOrderId,
                workOrderCommentId
            }, (responseJSON) => {
                if (responseJSON.success) {
                    workOrderComments = responseJSON.workOrderComments;
                    renderWorkOrderComments();
                }
                else {
                    bulmaJS.alert({
                        title: "Error Removing Comment",
                        message: responseJSON.errorMessage || "",
                        contextualColorName: "danger"
                    });
                }
            });
        }
        bulmaJS.confirm({
            title: "Remove Comment?",
            message: "Are you sure you want to remove this comment?",
            okButton: {
                text: "Yes, Remove Comment",
                callbackFunction: doDelete
            },
            contextualColorName: "warning"
        });
    }
    function renderWorkOrderComments() {
        const containerElement = document.querySelector("#container--workOrderComments");
        if (workOrderComments.length === 0) {
            containerElement.innerHTML = `<div class="message is-info">
                <p class="message-body">There are no comments to display.</p>
                </div>`;
            return;
        }
        const tableElement = document.createElement("table");
        tableElement.className = "table is-fullwidth is-striped is-hoverable";
        tableElement.innerHTML = `<thead><tr>
            <th>Commentor</th>
            <th>Comment Date</th>
            <th>Comment</th>
            <th class="is-hidden-print"><span class="is-sr-only">Options</span></th></tr></thead><tbody></tbody>`;
        for (const workOrderComment of workOrderComments) {
            const tableRowElement = document.createElement("tr");
            tableRowElement.dataset.workOrderCommentId = workOrderComment.workOrderCommentId.toString();
            tableRowElement.innerHTML =
                "<td>" +
                    cityssm.escapeHTML(workOrderComment.recordCreate_userName || "") +
                    "</td>" +
                    "<td>" +
                    workOrderComment.workOrderCommentDateString +
                    (workOrderComment.workOrderCommentTime === 0
                        ? ""
                        : " " + workOrderComment.workOrderCommentTimeString) +
                    "</td>" +
                    "<td>" +
                    cityssm.escapeHTML(workOrderComment.workOrderComment || "") +
                    "</td>" +
                    ('<td class="is-hidden-print">' +
                        '<div class="buttons are-small is-justify-content-end">' +
                        ('<button class="button is-primary button--edit" type="button">' +
                            '<span class="icon is-small"><i class="fas fa-pencil-alt" aria-hidden="true"></i></span>' +
                            " <span>Edit</span>" +
                            "</button>") +
                        ('<button class="button is-light is-danger button--delete" data-tooltip="Delete Comment" type="button" aria-label="Delete">' +
                            '<i class="fas fa-trash" aria-hidden="true"></i>' +
                            "</button>") +
                        "</div>" +
                        "</td>");
            tableRowElement.querySelector(".button--edit").addEventListener("click", openEditWorkOrderComment);
            tableRowElement.querySelector(".button--delete").addEventListener("click", deleteWorkOrderComment);
            tableElement.querySelector("tbody").append(tableRowElement);
        }
        containerElement.innerHTML = "";
        containerElement.append(tableElement);
    }
    function openAddCommentModal() {
        let addCommentCloseModalFunction;
        function doAddComment(formEvent) {
            formEvent.preventDefault();
            cityssm.postJSON(los.urlPrefix + "/workOrders/doAddWorkOrderComment", formEvent.currentTarget, (responseJSON) => {
                if (responseJSON.success) {
                    workOrderComments = responseJSON.workOrderComments;
                    renderWorkOrderComments();
                    addCommentCloseModalFunction();
                }
            });
        }
        cityssm.openHtmlModal("workOrder-addComment", {
            onshow(modalElement) {
                los.populateAliases(modalElement);
                modalElement.querySelector("#workOrderCommentAdd--workOrderId").value =
                    workOrderId;
                modalElement.querySelector("form").addEventListener("submit", doAddComment);
            },
            onshown(modalElement, closeModalFunction) {
                bulmaJS.toggleHtmlClipped();
                addCommentCloseModalFunction = closeModalFunction;
                modalElement.querySelector("#workOrderCommentAdd--workOrderComment").focus();
            },
            onremoved() {
                bulmaJS.toggleHtmlClipped();
                document.querySelector("#workOrderComments--add").focus();
            }
        });
    }
    if (!isCreate) {
        document.querySelector("#workOrderComments--add").addEventListener("click", openAddCommentModal);
        renderWorkOrderComments();
    }
    
    /*
     * Milestones
     */
    function processMilestoneResponse(responseJSON) {
        if (responseJSON.success) {
            workOrderMilestones = responseJSON.workOrderMilestones;
            renderMilestones();
        }
        else {
            bulmaJS.alert({
                title: "Error Reopening Milestone",
                message: responseJSON.errorMessage || "",
                contextualColorName: "danger"
            });
        }
    }
    function completeMilestone(clickEvent) {
        clickEvent.preventDefault();
        const currentDateString = cityssm.dateToString(new Date());
        const workOrderMilestoneId = Number.parseInt(clickEvent.currentTarget.closest(".container--milestone")
            .dataset.workOrderMilestoneId, 10);
        const workOrderMilestone = workOrderMilestones.find((currentMilestone) => {
            return currentMilestone.workOrderMilestoneId === workOrderMilestoneId;
        });
        const doComplete = () => {
            cityssm.postJSON(los.urlPrefix + "/workOrders/doCompleteWorkOrderMilestone", {
                workOrderId,
                workOrderMilestoneId
            }, processMilestoneResponse);
        };
        bulmaJS.confirm({
            title: "Complete Milestone",
            message: "Are you sure you want to complete this milestone?" +
                (workOrderMilestone.workOrderMilestoneDateString > currentDateString
                    ? "<br /><strong>Note that this milestone is expected to be completed in the future.</strong>"
                    : ""),
            messageIsHtml: true,
            contextualColorName: "warning",
            okButton: {
                text: "Yes, Complete Milestone",
                callbackFunction: doComplete
            }
        });
    }
    function reopenMilestone(clickEvent) {
        clickEvent.preventDefault();
        const workOrderMilestoneId = clickEvent.currentTarget.closest(".container--milestone").dataset.workOrderMilestoneId;
        const doReopen = () => {
            cityssm.postJSON(los.urlPrefix + "/workOrders/doReopenWorkOrderMilestone", {
                workOrderId,
                workOrderMilestoneId
            }, processMilestoneResponse);
        };
        bulmaJS.confirm({
            title: "Reopen Milestone",
            message: "Are you sure you want to remove the completion status from this milestone, and reopen it?",
            contextualColorName: "warning",
            okButton: {
                text: "Yes, Reopen Milestone",
                callbackFunction: doReopen
            }
        });
    }
    function deleteMilestone(clickEvent) {
        clickEvent.preventDefault();
        const workOrderMilestoneId = clickEvent.currentTarget.closest(".container--milestone").dataset.workOrderMilestoneId;
        const doDelete = () => {
            cityssm.postJSON(los.urlPrefix + "/workOrders/doDeleteWorkOrderMilestone", {
                workOrderMilestoneId,
                workOrderId
            }, processMilestoneResponse);
        };
        bulmaJS.confirm({
            title: "Delete Milestone",
            message: "Are you sure you want to delete this milestone?",
            contextualColorName: "warning",
            okButton: {
                text: "Yes, Delete Milestone",
                callbackFunction: doDelete
            }
        });
    }
    function editMilestone(clickEvent) {
        clickEvent.preventDefault();
        const workOrderMilestoneId = Number.parseInt(clickEvent.currentTarget.closest(".container--milestone")
            .dataset.workOrderMilestoneId, 10);
        const workOrderMilestone = workOrderMilestones.find((currentMilestone) => {
            return currentMilestone.workOrderMilestoneId === workOrderMilestoneId;
        });
        let editCloseModalFunction;
        const doEdit = (submitEvent) => {
            submitEvent.preventDefault();
            cityssm.postJSON(los.urlPrefix + "/workOrders/doUpdateWorkOrderMilestone", submitEvent.currentTarget, (responseJSON) => {
                processMilestoneResponse(responseJSON);
                if (responseJSON.success) {
                    editCloseModalFunction();
                }
            });
        };
        cityssm.openHtmlModal("workOrder-editMilestone", {
            onshow(modalElement) {
                modalElement.querySelector("#milestoneEdit--workOrderId").value =
                    workOrderId;
                modalElement.querySelector("#milestoneEdit--workOrderMilestoneId").value = workOrderMilestone.workOrderMilestoneId.toString();
                const milestoneTypeElement = modalElement.querySelector("#milestoneEdit--workOrderMilestoneTypeId");
                let milestoneTypeFound = false;
                for (const milestoneType of exports.workOrderMilestoneTypes) {
                    const optionElement = document.createElement("option");
                    optionElement.value = milestoneType.workOrderMilestoneTypeId.toString();
                    optionElement.textContent = milestoneType.workOrderMilestoneType;
                    if (milestoneType.workOrderMilestoneTypeId === workOrderMilestone.workOrderMilestoneTypeId) {
                        optionElement.selected = true;
                        milestoneTypeFound = true;
                    }
                    milestoneTypeElement.append(optionElement);
                }
                if (!milestoneTypeFound && workOrderMilestone.workOrderMilestoneTypeId) {
                    const optionElement = document.createElement("option");
                    optionElement.value = workOrderMilestone.workOrderMilestoneTypeId.toString();
                    optionElement.textContent = workOrderMilestone.workOrderMilestoneType;
                    optionElement.selected = true;
                    milestoneTypeElement.append(optionElement);
                }
                modalElement.querySelector("#milestoneEdit--workOrderMilestoneDateString").value = workOrderMilestone.workOrderMilestoneDateString;
                if (workOrderMilestone.workOrderMilestoneTime) {
                    modalElement.querySelector("#milestoneEdit--workOrderMilestoneTimeString").value = workOrderMilestone.workOrderMilestoneTimeString;
                }
                modalElement.querySelector("#milestoneEdit--workOrderMilestoneDescription").value = workOrderMilestone.workOrderMilestoneDescription;
            },
            onshown(modalElement, closeModalFunction) {
                editCloseModalFunction = closeModalFunction;
                bulmaJS.toggleHtmlClipped();
                los.initializeDatePickers(modalElement);
                // los.initializeTimePickers(modalElement);
                modalElement.querySelector("form").addEventListener("submit", doEdit);
            },
            onremoved() {
                bulmaJS.toggleHtmlClipped();
            }
        });
    }
    function renderMilestones() {
        var _a, _b, _c;
        // Clear milestones panel
        const milestonesPanelElement = document.querySelector("#panel--milestones");
        const panelBlockElementsToDelete = milestonesPanelElement.querySelectorAll(".panel-block");
        for (const panelBlockToDelete of panelBlockElementsToDelete) {
            panelBlockToDelete.remove();
        }
        for (const milestone of workOrderMilestones) {
            const panelBlockElement = document.createElement("div");
            panelBlockElement.className = "panel-block is-block container--milestone";
            panelBlockElement.dataset.workOrderMilestoneId = milestone.workOrderMilestoneId.toString();
            panelBlockElement.innerHTML =
                '<div class="columns is-mobile">' +
                    ('<div class="column is-narrow">' +
                        (milestone.workOrderMilestoneCompletionDate
                            ? '<span class="button is-static" data-tooltip="Completed ' +
                                milestone.workOrderMilestoneCompletionDateString +
                                '" aria-label="Completed ' +
                                milestone.workOrderMilestoneCompletionDateString +
                                '">' +
                                '<span class="icon is-small"><i class="fas fa-check" aria-hidden="true"></i></span>' +
                                "</span>"
                            : '<button class="button button--completeMilestone" data-tooltip="Incomplete" type="button" aria-label="Incomplete">' +
                                '<span class="icon is-small"><i class="far fa-square" aria-hidden="true"></i></span>' +
                                "</button>") +
                        "</div>") +
                    ('<div class="column">' +
                        (milestone.workOrderMilestoneTypeId
                            ? "<strong>" +
                                cityssm.escapeHTML(milestone.workOrderMilestoneType || "") +
                                "</strong><br />"
                            : "") +
                        milestone.workOrderMilestoneDateString +
                        (milestone.workOrderMilestoneTime ? " " + milestone.workOrderMilestoneTimeString : "") +
                        "<br />" +
                        '<span class="is-size-7">' +
                        cityssm.escapeHTML(milestone.workOrderMilestoneDescription || "") +
                        "</span>" +
                        "</div>") +
                    ('<div class="column is-narrow">' +
                        '<div class="dropdown is-right">' +
                        ('<div class="dropdown-trigger">' +
                            '<button class="button is-small" data-tooltip="Options" type="button" aria-label="Options">' +
                            '<i class="fas fa-ellipsis-v" aria-hidden="true"></i>' +
                            "</button>" +
                            "</div>") +
                        ('<div class="dropdown-menu">' +
                            '<div class="dropdown-content">' +
                            (milestone.workOrderMilestoneCompletionDate
                                ? '<a class="dropdown-item button--reopenMilestone" href="#">' +
                                    '<span class="icon is-small"><i class="fas fa-times" aria-hidden="true"></i></span>' +
                                    " <span>Reopen Milestone</span>" +
                                    "</a>"
                                : '<a class="dropdown-item button--editMilestone" href="#">' +
                                    '<span class="icon is-small"><i class="fas fa-pencil-alt" aria-hidden="true"></i></span>' +
                                    " <span>Edit Milestone</span>" +
                                    "</a>") +
                            '<hr class="dropdown-divider" />' +
                            '<a class="dropdown-item button--deleteMilestone" href="#">' +
                            '<span class="icon is-small"><i class="fas fa-trash has-text-danger" aria-hidden="true"></i></span>' +
                            " <span>Delete Milestone</span>" +
                            "</a>" +
                            "</div>" +
                            "</div>") +
                        "</div>" +
                        "</div>") +
                    "</div>";
            (_a = panelBlockElement
                .querySelector(".button--reopenMilestone")) === null || _a === void 0 ? void 0 : _a.addEventListener("click", reopenMilestone);
            (_b = panelBlockElement
                .querySelector(".button--editMilestone")) === null || _b === void 0 ? void 0 : _b.addEventListener("click", editMilestone);
            (_c = panelBlockElement
                .querySelector(".button--completeMilestone")) === null || _c === void 0 ? void 0 : _c.addEventListener("click", completeMilestone);
            panelBlockElement
                .querySelector(".button--deleteMilestone")
                .addEventListener("click", deleteMilestone);
            milestonesPanelElement.append(panelBlockElement);
        }
        bulmaJS.init(milestonesPanelElement);
    }
    if (!isCreate) {
        workOrderMilestones = exports.workOrderMilestones;
        delete exports.workOrderMilestones;
        renderMilestones();
        document.querySelector("#button--addMilestone").addEventListener("click", () => {
            let addModalElement;
            let addFormElement;
            let addCloseModalFunction;
            const doAdd = (submitEvent) => {
                if (submitEvent) {
                    submitEvent.preventDefault();
                }
                const currentDateString = cityssm.dateToString(new Date());
                function _doAdd() {
                    cityssm.postJSON(los.urlPrefix + "/workOrders/doAddWorkOrderMilestone", addFormElement, (responseJSON) => {
                        processMilestoneResponse(responseJSON);
                        if (responseJSON.success) {
                            addCloseModalFunction();
                        }
                    });
                }
                if (addModalElement.querySelector("#milestoneAdd--workOrderMilestoneDateString").value < currentDateString) {
                    bulmaJS.confirm({
                        title: "Milestone Date in the Past",
                        message: "Are you sure you want to create a milestone with a date in the past?",
                        contextualColorName: "warning",
                        okButton: {
                            text: "Yes, Create a Past Milestone",
                            callbackFunction: _doAdd
                        }
                    });
                }
                else {
                    _doAdd();
                }
            };
            cityssm.openHtmlModal("workOrder-addMilestone", {
                onshow(modalElement) {
                    modalElement.querySelector("#milestoneAdd--workOrderId").value =
                        workOrderId;
                    const milestoneTypeElement = modalElement.querySelector("#milestoneAdd--workOrderMilestoneTypeId");
                    for (const milestoneType of exports.workOrderMilestoneTypes) {
                        const optionElement = document.createElement("option");
                        optionElement.value = milestoneType.workOrderMilestoneTypeId.toString();
                        optionElement.textContent = milestoneType.workOrderMilestoneType;
                        milestoneTypeElement.append(optionElement);
                    }
                    modalElement.querySelector("#milestoneAdd--workOrderMilestoneDateString").valueAsDate = new Date();
                },
                onshown(modalElement, closeModalFunction) {
                    addModalElement = modalElement;
                    addCloseModalFunction = closeModalFunction;
                    los.initializeDatePickers(modalElement);
                    // los.initializeTimePickers(modalElement);
                    bulmaJS.toggleHtmlClipped();
                    addFormElement = modalElement.querySelector("form");
                    addFormElement.addEventListener("submit", doAdd);
                },
                onremoved() {
                    bulmaJS.toggleHtmlClipped();
                }
            });
        });
    }
})();