var modalDisplayed = false;
var methodToCall = {
    name: null,
    id: null
};

const overlay = $('#overlay');
const savedModal = $('#modal-confirm');
const dataLossModal = $('#modal-query');
const dataLossModalYes = dataLossModal.children().eq(2).children().eq(0);
const dataLossModalNo = dataLossModal.children().eq(2).children().eq(1);
const allModals = $('.modal');
const btnModalClose = $('.modal button');
const closeModals = function() {
    hideModal(allModals);
}
const savedModalDisplay = function() {
    console.log('SavedModal displayed');
    showModal(savedModal);
    setTimeout(closeModals, 2000);
}
const dataLossModalDisplay = function(){
    showModal(dataLossModal);
}

function setMethodToCall(name, id){
    methodToCall.name = name;
    methodToCall.id = id;
}

const dropChangesAndClose = function(){
    callMethodByName(methodToCall)
    hideModal(dataLossModal);
}

function showModal(jmodal){
    if(modalDisplayed) return;
    overlay.addClass('active');
    jmodal.addClass('active');
    modalDisplayed = true;
}

function hideModal(jmodal){
    if(!modalDisplayed) return;
    overlay.removeClass('active');
    jmodal.removeClass('active');
    modalDisplayed = false;
}

btnModalClose.click(closeModals);
overlay.click(closeModals);
dataLossModalNo.click(closeModals);
dataLossModalYes.click(dropChangesAndClose);