"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
(() => {
    const sunrise = exports.sunrise;
    let intermentContainerTypes = exports.intermentContainerTypes;
    delete exports.intermentContainerTypes;
    function updateIntermentContainerType(submitEvent) {
        submitEvent.preventDefault();
        cityssm.postJSON(`${sunrise.urlPrefix}/admin/doUpdateIntermentContainerType`, submitEvent.currentTarget, (rawResponseJSON) => {
            const responseJSON = rawResponseJSON;
            if (responseJSON.success) {
                intermentContainerTypes = responseJSON.intermentContainerTypes;
                bulmaJS.alert({
                    message: 'Interment Container Type Updated Successfully',
                    contextualColorName: 'success'
                });
            }
            else {
                bulmaJS.alert({
                    title: 'Error Updating Interment Container Type',
                    message: responseJSON.errorMessage ?? '',
                    contextualColorName: 'danger'
                });
            }
        });
    }
    function deleteIntermentContainerType(clickEvent) {
        const tableRowElement = clickEvent.currentTarget.closest('tr');
        const intermentContainerTypeId = tableRowElement.dataset.intermentContainerTypeId;
        function doDelete() {
            cityssm.postJSON(`${sunrise.urlPrefix}/admin/doDeleteIntermentContainerType`, {
                intermentContainerTypeId
            }, (rawResponseJSON) => {
                const responseJSON = rawResponseJSON;
                if (responseJSON.success) {
                    intermentContainerTypes = responseJSON.intermentContainerTypes;
                    if (intermentContainerTypes.length === 0) {
                        renderIntermentContainerTypes();
                    }
                    else {
                        tableRowElement.remove();
                    }
                    bulmaJS.alert({
                        message: 'Interment Container Type Deleted Successfully',
                        contextualColorName: 'success'
                    });
                }
                else {
                    bulmaJS.alert({
                        title: 'Error Deleting Interment Container Type',
                        message: responseJSON.errorMessage ?? '',
                        contextualColorName: 'danger'
                    });
                }
            });
        }
        bulmaJS.confirm({
            title: 'Delete Interment Container Type',
            message: `Are you sure you want to delete this type?<br />
          Note that no contracts will be removed.`,
            messageIsHtml: true,
            contextualColorName: 'warning',
            okButton: {
                text: 'Yes, Delete Type',
                callbackFunction: doDelete
            }
        });
    }
    function moveIntermentContainerType(clickEvent) {
        const buttonElement = clickEvent.currentTarget;
        const tableRowElement = buttonElement.closest('tr');
        const intermentContainerTypeId = tableRowElement.dataset.intermentContainerTypeId;
        cityssm.postJSON(`${sunrise.urlPrefix}/admin/${buttonElement.dataset.direction === 'up'
            ? 'doMoveIntermentContainerTypeUp'
            : 'doMoveIntermentContainerTypeDown'}`, {
            intermentContainerTypeId,
            moveToEnd: clickEvent.shiftKey ? '1' : '0'
        }, (rawResponseJSON) => {
            const responseJSON = rawResponseJSON;
            if (responseJSON.success) {
                intermentContainerTypes = responseJSON.intermentContainerTypes;
                renderIntermentContainerTypes();
            }
            else {
                bulmaJS.alert({
                    title: 'Error Moving Interment Container Type',
                    message: responseJSON.errorMessage ?? '',
                    contextualColorName: 'danger'
                });
            }
        });
    }
    function renderIntermentContainerTypes() {
        const containerElement = document.querySelector('#container--intermentContainerTypes');
        if (intermentContainerTypes.length === 0) {
            containerElement.innerHTML = `<tr><td colspan="2">
          <div class="message is-warning">
            <p class="message-body">There are no active interment container types.</p>
          </div>
          </td></tr>`;
            return;
        }
        containerElement.innerHTML = '';
        for (const intermentContainerType of intermentContainerTypes) {
            const tableRowElement = document.createElement('tr');
            tableRowElement.dataset.intermentContainerTypeId =
                intermentContainerType.intermentContainerTypeId.toString();
            const formId = `form--updateIntermentContainerType_${intermentContainerType.intermentContainerTypeId.toString()}`;
            // eslint-disable-next-line no-unsanitized/property
            tableRowElement.innerHTML = `<td>
        <form id="${formId}">
          <input name="intermentContainerTypeId" type="hidden" value="${intermentContainerType.intermentContainerTypeId.toString()}" />
          <div class="field">
            <div class="control">
              <input class="input" name="intermentContainerType" type="text"
                value="${cityssm.escapeHTML(intermentContainerType.intermentContainerType)}"
                aria-label="Interment Container Type" maxlength="100" required />
            </div>
          </div>
        </form>
      </td>
      <td>
        <div class="select is-fullwidth">
          <select name="isCremationType" form="${formId}">
            <option value="0" ${intermentContainerType.isCremationType ? '' : 'selected'}>No</option>
            <option value="1" ${intermentContainerType.isCremationType ? 'selected' : ''}>Yes</option>
          </select>
        </div>
      </td>
      <td class="is-nowrap">
        <div class="field is-grouped">
          <div class="control">
            <button class="button is-success" type="submit" form="${formId}" aria-label="Save">
              <span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span>
            </button>
          </div>
          <div class="control">
            ${sunrise.getMoveUpDownButtonFieldHTML('button--moveIntermentContainerTypeUp', 'button--moveIntermentContainerTypeDown', false)}
          </div>
          <div class="control">
            <button class="button is-danger is-light button--deleteIntermentContainerType"
              data-tooltip="Delete Type" type="button" aria-label="Delete Type">
              <span class="icon"><i class="fas fa-trash" aria-hidden="true"></i></span>
            </button>
          </div>
        </div>
      </td>`;
            tableRowElement
                .querySelector('form')
                ?.addEventListener('submit', updateIntermentContainerType);
            tableRowElement.querySelector('.button--moveIntermentContainerTypeUp').addEventListener('click', moveIntermentContainerType);
            tableRowElement.querySelector('.button--moveIntermentContainerTypeDown').addEventListener('click', moveIntermentContainerType);
            tableRowElement
                .querySelector('.button--deleteIntermentContainerType')
                ?.addEventListener('click', deleteIntermentContainerType);
            containerElement.append(tableRowElement);
        }
    }
    ;
    document.querySelector('#form--addIntermentContainerType').addEventListener('submit', (submitEvent) => {
        submitEvent.preventDefault();
        const formElement = submitEvent.currentTarget;
        cityssm.postJSON(`${sunrise.urlPrefix}/admin/doAddIntermentContainerType`, formElement, (rawResponseJSON) => {
            const responseJSON = rawResponseJSON;
            if (responseJSON.success) {
                intermentContainerTypes = responseJSON.intermentContainerTypes;
                renderIntermentContainerTypes();
                formElement.reset();
                formElement.querySelector('input')?.focus();
            }
            else {
                bulmaJS.alert({
                    title: 'Error Adding Interment Container Type',
                    message: responseJSON.errorMessage ?? '',
                    contextualColorName: 'danger'
                });
            }
        });
    });
    renderIntermentContainerTypes();
})();