let PORTAL_ID = '79c2d59f-df0e-ee11-8f6d-0022482dbb52',
    $ipModal = null,
    ipRecord = null, 
    ipRecordName = null, 
    ipEntityName = null, 
    ipEntityId = null,
    tableId = null,
    ipReload = false,
    // Set in FDCE Page Copy on ready
    ipSubmitted = false,
    ipAdmin = false,
    ipScriptItems = [];

const MODAL_TYPE = {
    Small: 0,
    Medium: 1,
    Large: 2
}

const MODAL_TITLE = {
	Add: 'Add',
	Edit: 'Edit',
	Delete: 'Delete'
};

//Web API ajax wrapper
(function (webapi, $) {
    function safeAjax(ajaxOptions) {
        var deferredAjax = $.Deferred();
        shell.getTokenDeferred().done(function (token) {
            // Add headers for ajax
            if (!ajaxOptions.headers) {
                $.extend(ajaxOptions, {
                    headers: {
                        "__RequestVerificationToken": token,
                        "Prefer": "odata.include-annotations=*"
                    }
                });
            } else {
                ajaxOptions.headers["__RequestVerificationToken"] = token;
            }
            $.ajax(ajaxOptions)
                .done(function (data, textStatus, jqXHR) {
                    validateLoginSession(data, textStatus, jqXHR, deferredAjax.resolve);
                }).fail(deferredAjax.reject); //ajax
        }).fail(function () {
            deferredAjax.rejectWith(this, arguments); // On token failure pass the token ajax and args
        });
        return deferredAjax.promise();
    }
    webapi.safeAjax = safeAjax;
})(window.webapi = window.webapi || {}, jQuery)

// Notification component
var notificationMsg = (function () {
    var $processingMsgEl = $('#processingMsg'),
        _msg = 'Processing...',
        _stack = 0,
        _endTimeout;
    return {
        show: function (msg) {
            $processingMsgEl.text(msg || _msg);
            if (_stack === 0) {
                clearTimeout(_endTimeout);
                $processingMsgEl.show();
            }
            _stack++;
        },
        hide: function () {
            _stack--;
            if (_stack <= 0) {
                _stack = 0;
                clearTimeout(_endTimeout);
                _endTimeout = setTimeout(function () {
                    $processingMsgEl.hide();
                }, 500);
            }
        }
    }
})();

//Applicaton ajax wrapper 
function appAjax(processingMsg, ajaxOptions) {
    notificationMsg.show(processingMsg);
    return webapi.safeAjax(ajaxOptions)
        .fail(function (response) {
            if (response.responseJSON) {
                alert("Error: " + response.responseJSON.error.message)
            } else {
                alert("Error: Web API is not available... ")
            }
        }).always(notificationMsg.hide);
}

function redirectAccess() {
    let url_string = window.location.href,
      url = new URL(url_string),
      id = url.searchParams.get("id");

    if (id == null || id == "") {
        if (url_string.split('/').length > 4) {
            // Redirect to blank page
            window.location.replace(window.location.origin);
        }
        else {
            $('#ip-message-container').show();
            $('#ip-main-container').hide();
        }
    }
}

function setNavigation() {
    let url_string = window.location.href,
        nav = url_string.split('/');
    console.log('here');
    if (nav.length > 3) {
        console.log(nav);
        let selector = '#ip-nav-container .ip-nav-item[data-nav-id="' + nav[4] + '"]';
        $(selector).addClass('active');
    }
}

function navigate(path, id, admin) {
    let newPath = `/Page/${path}/?id=${id}`;

    if (admin)
        newPath += `&admin=${admin}`;
    
    window.location = newPath;
}

function navClicked(path, id, admin) {
    let url_string = window.location.href
    if (url_string.indexOf("Manufacturer-Information") > -1) {
        updateManufacturerRecord().done(function() {
            navigate(path, id, admin);
        });
    }
    else if (url_string.indexOf("Prescribing-Information") > -1) {
        updatePIRecord().done(function() {
            navigate(path, id, admin);
        });
    }
    else
        navigate(path, id, admin);
}

function openDefaultTab() {
    $('#ip-tab-group .ip-tab-item:first-child').click();
}

function openTab(tabName) {
    // Hide all tabs
    $('.ip-tab-content').hide();

    if (tabName == null) {
        openDefaultTab();
    }
    else {
        // Show current tab
        $(`#${tabName}`).show();
    
        // Remove active from all tab buttons
        $('.ip-tab-item').removeClass('active');
    
        // Set current tab button as actie
        $(`#ip-tab-item-${tabName}`).addClass('active');

        // Set open tab
        const url = new URL(window.location.href);
        url.searchParams.set('tab', tabName);
        window.history.replaceState(null, null, url);
    }
}

function openTabWithParams() {
    const url = new URL(window.location.href),
        tabName = url.searchParams.get('tab');

    openTab(tabName);
}

function getModal(modalType, modalTitle) {
    let $modal = $('#formModal'),
        modalSize = '';

    // Set modal size
    switch (modalType) {
        case MODAL_TYPE.Small:
            modalSize = 'modal-sm'
            break;
        case MODAL_TYPE.Large:
            modalSize = 'modal-lg'
            break;
        default:
            break;
    }

    $modal.find('.modal-dialog').addClass(modalSize);
    

    // Set modal title
    $modal.find('.modal-title').text(modalTitle);

    return $modal.clone();
}

function resetModal(modal) {
    $('body').append(modal.clone());
}

function loadScript(parent, items) {
    items.forEach(function(item) {
        if (item.element && item.script) {
            let elmt = $(parent).find(item.element);
            if (elmt.length > 0)
                elmt.append($('<script>').html(item.script));
        }
    });
}

function loadComparisonExampleModal() {
    $('#comparisonModal').modal();
}

function loadEntityFormAsModal(modalType, modalTitle, recordId, entityFormId, subrecordId) {
    console.log("RecordID: " + recordId);
    console.log("EntityFormID: " + entityFormId);
    console.log("SubrecordID: " + subrecordId);

    let tableId = "#" + subrecordId + "-table";

    //Form the URL to the service
    var url = "/_portal/modal-form-template-path/" + PORTAL_ID + "?id=" + recordId + "&entityformid=" + entityFormId + "&dsid=" + subrecordId;
    

    $modal = getModal(modalType, modalTitle);

    //Retrieve the iframe of the modal and set it load the service
    var $iFrame = $modal.find("iframe");

    $iFrame.attr("src", url);

    //Hook in handler to hide loader image when done loading
    $iFrame.on("load", function () {
        loadScript($modal.find("iframe").contents(), ipScriptItems);

        let $formView = $modal.find("iframe").contents().find("#EntityFormControl_EntityFormView");

        if ($formView.length) {
            /* Add tooltips from dataverse columns, must be enabled via form settings */
            $modal.find("iframe").contents().find("#EntityFormPanel tbody tr td .control").each(function() {
                let description = $(this).children(".input-group").children('input:first').attr("title");
                if (description != undefined) {
                    
                    $(this).prepend(`<p class="form-control-tooltip">${description}</p>`);
                }
            });
        } else {
            ipReload = true;
            $modal.modal('hide');
        }

        $modal.find(".form-loading").hide();
    });

    //Show the loader image at start
    $modal.find(".form-loading").show();


    $modal.on('show.bs.modal', function () {
        $modal.attr("aria-hidden", "false");
    });

    $modal.off("hidden.bs.modal.entitygrid").on("hidden.bs.modal.entitygrid", function () {
        $modal.attr("aria-hidden", "true");

        $iFrame.attr("src", '');

        resetModal($modal);

        if (ipReload) {
            ipReload = false;
            updateLastModified().done(function(data) {
                location.reload(); 
            });
        }
    });

    $modal.modal();
}

function deleteDBRecord(evt, recordName, entityName, entityId) {
    ipRecordName = recordName;
    ipEntityName = entityName;
    ipEntityId = entityId;
    ipTableId = $(evt).attr("data-ds1id");

    loadRecords(evt, entityName, entityId).done(function (data) {
        _.map(data.value, function (record) {
            ipRecord = record;
            
            deleteRecord();
            return record;
        });
    });
}

function editDBRecord(evt, modalType, modalTitle, formID, entityName, entityId) {
    loadRecords(evt, entityName, entityId).done(function (data) {
        _.map(data.value, function (record) {
            console.log(evt);
            loadEntityFormAsModal(modalType, `${MODAL_TITLE.Edit} ${modalTitle}`, $(evt).data("id"), formID, $(evt).attr("data-ds1id"));
            return record;
        });
    });
}

function createDBRecord(evt, modalType, modalTitle, formId) {
    console.log(evt);
    console.log(modalType);
    console.log(modalTitle);
    console.log(formId);
    loadEntityFormAsModal(modalType, `${MODAL_TITLE.Add} ${modalTitle}`,evt, formId, evt);
}

function loadRecords(evt, entityName, entityId) {
    // console.log(evt);
    var id = $(evt).attr("data-id");
    return appAjax('Loading...', {
        type: "GET",
        url: `/_api/${entityName}?$filter=${entityId}%20eq%20${id}`,
        contentType: "application/json"
    });
}

// function loadUnlinkedRecords() {
//     console.log("loadUnlinkedRecords");
//     return appAjax('Loading...', {
//         type: "GET",
//         // url: "/_api/cr090_cp1s?$select=*",
//         url: "/_api/cr090_diseasestates?$filter=_cr090_implementationpackage2_value%20eq%20null",
//         contentType: "application/json"
//     });
// }

function deleteRecord() {
    $ipModal = $('#deleteModal');

    // Set modal title
    $('#delete-title').text(ipRecordName);

    $ipModal.on('hidden.bs.modal', function (e) {
        $ipModal.attr("aria-hidden", "true");
    });

    $ipModal.modal();
}

function modalDelete(evt) {
    appAjax('Deleting...', {
        type: "DELETE",
        url: `/_api/${ipEntityName}(${ipRecord[ipEntityId]})`,
        contentType: "application/json",
        success: function (res) {
            // $(`#${ipTableId}-table`).load(`${location.href} #${ipTableId}-table`);

            $ipModal.modal('hide');
            updateLastModified().done(function(data) {
                location.reload(); 
            });
        }
    });
}

function updateRecord(entityName, entityId, record) {
    
    if (record != null) {
        `/${entityName}(${ipRecord})`;
        newRecord = JSON.stringify(record);
        return appAjax('Updating...', {
            type: "PATCH",
            url: `/_api/${entityName}(${ipRecord[entityId]})`,
            contentType: "application/json",
            data: newRecord,
            success: function (res) {
                
            }
        });
    }
    
    return false;
}

function updateRecordAttribute(id, colname, newValue) { 
    //newValue = prompt("Please enter \"" + col.label + "\"", value);
    const data = JSON.stringify({
        value: newValue
    });

    console.log('Data');
    console.log(data);
    return appAjax('Updating...', {
        type: "PATCH",
        url: `/_api/cr090_implementationpackage2s(${id})/${colname}`,
        contentType: "application/json",
        data: data,
        success: function (res) {
        }
    });
}

function updateLastModified() {
    let url_string = window.location.href,
      url = new URL(url_string),
      id = url.searchParams.get("id");

    return updateRecordAttribute(id, "cr090_updated", new Date());
}

function submitIP(id) {
    updateRecordAttribute(id, "cr090_submitted", new Date().toISOString().split('T')[0]).done(function(data) {
        $modal = $('#submitModal');

        $modal.on('hidden.bs.modal', function (e) {
            $modal.attr("aria-hidden", "true");

            location.reload();
        });

        $modal.modal();
    });
}

$(function () {
    console.log("Loaded script");

    redirectAccess();
    setNavigation();
});