function showAddVehicleModal() {
    uploadedFile = "";
    $.get('/Vehicle/AddVehiclePartialView', function (data) {
        if (data) {
            $("#addVehicleModalContent").html(data);
            initTagSelector($("#inputTag"));
            initDatePicker($('#inputPurchaseDate'));
            initDatePicker($('#inputSoldDate'));
            $('#addVehicleModal').modal('show');
        }
    })
}
function hideAddVehicleModal() {
    $('#addVehicleModal').modal('hide');
}
//refreshable function to reload Garage PartialView
function loadGarage() {
    $.get('/Home/Garage', function (data) {
        $("#garage-tab-pane").html(data);
    });
}
function loadSettings() {
    $.get('/Home/Settings', function (data) {
        $("#settings-tab-pane").html(data);
    });
}
function getVehicleSupplyRecords() {
    $.get(`/Vehicle/GetSupplyRecordsByVehicleId?vehicleId=0`, function (data) {
        if (data) {
            $("#supply-tab-pane").html(data);
            restoreScrollPosition();
        }
    });
}
function GetVehicleId() {
    return { vehicleId: 0, hasOdometerAdjustment: false };
}
function bindTabEvent() {
    $('button[data-bs-toggle="tab"]').on('show.bs.tab', function (e) {
        switch (e.target.id) {
            case "garage-tab":
                loadGarage();
                break;
            case "settings-tab":
                loadSettings();
                break;
            case "supply-tab":
                getVehicleSupplyRecords();
                break;
            case "calendar-tab":
                getVehicleCalendarEvents();
                break;
        }
        $(`.lubelogger-tab #${e.target.id}`).addClass('active');
        $(`.lubelogger-mobile-nav #${e.target.id}`).addClass('active');
        if (e.relatedTarget != null) {
            switch (e.relatedTarget.id) { //clear out previous tabs with grids in them to help with performance
                case "garage-tab":
                    $("#garage-tab-pane").html("");
                    break;
                case "settings-tab":
                    $("#settings-tab-pane").html("");
                    break;
                case "supply-tab":
                    $("#supply-tab-pane").html("");
                    break;
                case "calendar-tab":
                    $("#calendar-tab-pane").html("");
                    break;
            }
            $(`.lubelogger-tab #${e.relatedTarget.id}`).removeClass('active');
            $(`.lubelogger-mobile-nav #${e.relatedTarget.id}`).removeClass('active');
        }
        setBrowserHistory('tab', getTabNameForURL(e.target.id));
    });
}
function getVehicleCalendarEvents() {
    $.get('/Home/Calendar', function (data) {
        if (data) {
            $("#calendar-tab-pane").html(data);
        }
    });
}
function showCalendarReminderModal(id) {
    event.stopPropagation();
    $.get(`/Home/ViewCalendarReminder?reminderId=${id}`, function (data) {
        if (data) {
            $("#reminderRecordCalendarModalContent").html(data);
            $("#reminderRecordCalendarModal").modal('show');
            $('#reminderRecordCalendarModal').off('shown.bs.modal').on('shown.bs.modal', function () {
                if (getGlobalConfig().useMarkDown) {
                    toggleMarkDownOverlay("reminderNotes");
                }
            });
        }
    })
}
function hideCalendarReminderModal() {
    $("#reminderRecordCalendarModal").modal('hide');
}
function generateReminderItem(id, urgency, description) {
    if (description.trim() == '') {
        return;
    }
    switch (urgency) {
        case "VeryUrgent":
            return `<p class="badge text-wrap bg-danger reminder-calendar-item mb-2" onclick='showCalendarReminderModal(${id})'>${encodeHTMLInput(description)}</p>`;
        case "PastDue":
            return `<p class="badge text-wrap bg-secondary reminder-calendar-item mb-2" onclick='showCalendarReminderModal(${id})'>${encodeHTMLInput(description)}</p>`;
        case "Urgent":
            return `<p class="badge text-wrap text-bg-warning reminder-calendar-item mb-2" onclick='showCalendarReminderModal(${id})'>${encodeHTMLInput(description)}</p>`;
        case "NotUrgent":
            return `<p class="badge text-wrap bg-success reminder-calendar-item mb-2" onclick='showCalendarReminderModal(${id})'>${encodeHTMLInput(description)}</p>`;
    }
}
function markDoneCalendarReminderRecord(reminderRecordId, e) {
    event.stopPropagation();
    $.post(`/Vehicle/PushbackRecurringReminderRecord?reminderRecordId=${reminderRecordId}`, function (data) {
        if (data) {
            hideCalendarReminderModal();
            successToast("Reminder Updated");
            getVehicleCalendarEvents();
        } else {
            errorToast(genericErrorMessage());
        }
    });
}
function deleteCalendarReminderRecord(reminderRecordId, e) {
    if (e != undefined) {
        event.stopPropagation();
    }
    $("#workAroundInput").show();
    Swal.fire({
        title: "Confirm Deletion?",
        text: "Deleted Reminders cannot be restored.",
        showCancelButton: true,
        confirmButtonText: "Delete",
        confirmButtonColor: "#dc3545"
    }).then((result) => {
        if (result.isConfirmed) {
            $.post(`/Vehicle/DeleteReminderRecordById?reminderRecordId=${reminderRecordId}`, function (data) {
                if (data) {
                    hideCalendarReminderModal();
                    successToast("Reminder Deleted");
                    getVehicleCalendarEvents();
                } else {
                    errorToast(genericErrorMessage());
                }
            });
        } else {
            $("#workAroundInput").hide();
        }
    });
}
function initCalendar() {
    if (groupedDates.length == 0) {
        //group dates
        eventDates.map(x => {
            var existingIndex = groupedDates.findIndex(y => y.date == x.date);
            if (existingIndex == -1) {
                groupedDates.push({ date: x.date, reminders: [`${generateReminderItem(x.id, x.urgency, x.description)}`] });
            } else if (existingIndex > -1) {
                groupedDates[existingIndex].reminders.push(`${generateReminderItem(x.id, x.urgency, x.description)}`);
            }
        });
    }
    $(".reminderCalendarViewContent").datepicker({
        startDate: "+0d",
        format: getShortDatePattern().pattern,
        todayHighlight: true,
        weekStart: getGlobalConfig().firstDayOfWeek,
        beforeShowDay: function (date) {
            var reminderDateIndex = groupedDates.findIndex(x => (x.date == date.getTime() || x.date == (date.getTime() - date.getTimezoneOffset() * 60000))); //take into account server timezone offset
            if (reminderDateIndex > -1) {
                return {
                    enabled: true,
                    classes: 'reminder-exist',
                    content: `<div class='text-wrap' style='height:20px;'><p>${date.getDate()}</p>${groupedDates[reminderDateIndex].reminders.join('<br>')}</div>`
                }
            }
        }
    });
}
function performLogOut() {
    $.post('/Login/LogOut', function (data) {
        if (data) {
            window.location.href = data;
        }
    })
}

function filterGarage(sender) {
    let searchQuery = $('#garageSearchInput').val();
    if (sender == undefined) {
        searchAndFilterGarage(undefined, searchQuery);
        return;
    }
    var tagName = sender.textContent;
    if ($(sender).hasClass("bg-primary")) {
        searchAndFilterGarage(undefined, searchQuery);
        $(sender).removeClass('bg-primary');
        $(sender).addClass('bg-secondary');
    } else {
        searchAndFilterGarage(tagName, searchQuery);
        if ($(".tagfilter.bg-primary").length > 0) {
            //disabling other filters
            $(".tagfilter.bg-primary").addClass('bg-secondary');
            $(".tagfilter.bg-primary").removeClass('bg-primary');
        }
        $(sender).addClass('bg-primary');
        $(sender).removeClass('bg-secondary');
    }
}
function handleGarageSearchKeyPress(event) {
    if (event.keyCode == 13) {
        searchGarage();
    } else {
        setDebounce(searchGarage);
    }
}
function searchGarage() {
    let searchTerm = $('#garageSearchInput').val();
    let activeTag = $(".tagfilter.bg-primary").length > 0 ? $(".tagfilter.bg-primary")[0].textContent : undefined;
    searchAndFilterGarage(activeTag, searchTerm);
}
function searchAndFilterGarage(searchTag, searchTerm) {
    let rowData = $(".garage-item");
    let searchTagEmpty = searchTag == undefined || searchTag.trim() == '';
    let searchQueryEmpty = searchTerm == undefined || searchTerm.trim() == '';
    if (searchTagEmpty && searchQueryEmpty) {
        //show all garage items
        rowData.removeClass('override-hide');
        return;
    }
    //hide all garage items
    rowData.addClass('override-hide');
    if (!searchQueryEmpty && !searchTagEmpty) {
        $(`.garage-item .card-body .garage-item-attribute:containsNC('${searchTerm}')`).closest(`.garage-item[data-tags~='${searchTag}']`).removeClass('override-hide');
    } else {
        if (!searchTagEmpty) {
            //show all garage items with matching tags
            $(`[data-tags~='${searchTag}']`).removeClass('override-hide');
        }
        if (!searchQueryEmpty) {
            //show all garage items with matching search terms
            $(`.garage-item .card-body .garage-item-attribute:containsNC('${searchTerm}')`).closest('.garage-item').removeClass('override-hide');
        }
    }
}
// begin context menu
var selectedVehicles = [];
function addToSelectedVehicles(vehicleId) {
    if (selectedVehicles.findIndex(x => x == vehicleId) == -1) {
        selectedVehicles.push(vehicleId);
    }
}
function showGarageContextMenu(e) {
    if (event != undefined) {
        event.preventDefault();
    }
    if (getDeviceIsTouchOnly()) {
        return;
    }
    if (!$(e).hasClass('garage-active')) {
        clearSelectedVehicles();
        addToSelectedVehicles($(e).attr('data-rowId'));
        $(e).addClass('garage-active');
    }
    $(".garage-context-menu").fadeIn("fast");
    determineGarageContextMenu();
    $(".garage-context-menu").css({
        left: getGarageMenuPosition(event.clientX, 'width', 'scrollLeft'),
        top: getGarageMenuPosition(event.clientY, 'height', 'scrollTop')
    });
}
function showGarageContextMenuForMobile(e, xPosition, yPosition) {
    if (!$(e).hasClass('garage-active')) {
        addToSelectedVehicles($(e).attr('data-rowId'));
        $(e).addClass('garage-active');
    } else {
        $(".garage-context-menu").fadeIn("fast");
        determineGarageContextMenu();
        $(".garage-context-menu").css({
            left: getGarageMenuPosition(xPosition, 'width', 'scrollLeft'),
            top: getGarageMenuPosition(yPosition, 'height', 'scrollTop')
        });
    }
}
function determineGarageContextMenu() {
    let garageItems = $('.garage-item:visible');
    let garageItemsActive = $('.garage-item.garage-active:visible');
    if (garageItemsActive.length == 1) {
        $(".context-menu-active-single").show();
        $(".context-menu-active-multiple").hide();
    } else if (garageItemsActive.length > 1) {
        $(".context-menu-active-single").hide();
        $(".context-menu-active-multiple").show();
    } else {
        $(".context-menu-active-single").hide();
        $(".context-menu-active-multiple").hide();
    }
    if (garageItemsActive.length == 1 && garageItemsActive.attr('data-extra-fields') != '') {
        $(".context-menu-extra-field").show();
    } else {
        $(".context-menu-extra-field").hide();
    }
    if (garageItems.length > 1) {
        $(".context-menu-multiple").show();
        if (garageItems.length == garageItemsActive.length) {
            //all rows are selected, show deselect all button.
            $(".context-menu-deselect-all").show();
            $(".context-menu-select-all").hide();
        } else if (garageItems.length != garageItemsActive.length) {
            //not all rows are selected, show select all button.
            $(".context-menu-select-all").show();
            $(".context-menu-deselect-all").hide();
        }
    } else {
        $(".context-menu-multiple").hide();
    }
}
function garageRangeMouseMove(e) {
    if (isDragging) {
        if (!$(e).hasClass('garage-active')) {
            addToSelectedVehicles($(e).attr('data-rowId'));
            $(e).addClass('garage-active');
        }
    }
}
function removeFromSelectedVehicles(id) {
    var rowIndex = selectedVehicles.findIndex(x => x == id)
    if (rowIndex != -1) {
        selectedVehicles.splice(rowIndex, 1);
    }
}
function handleGarageItemClick(e, vehicleId) {
    if (!(event.ctrlKey || event.metaKey)) {
        viewVehicle(vehicleId);
    } else if (!$(e).hasClass('garage-active')) {
        addToSelectedVehicles($(e).attr('data-rowId'));
        $(e).addClass('garage-active');
    } else if ($(e).hasClass('garage-active')) {
        removeFromSelectedVehicles($(e).attr('data-rowId'));
        $(e).removeClass('garage-active');
    }
}
function deleteVehicles(vehicleIds) {
    if (vehicleIds.length == 0) {
        return;
    }
    let messageWording = vehicleIds.length > 1 ? `these ${vehicleIds.length} vehicles` : 'this vehicle';
    Swal.fire({
        title: "Confirm Deletion?",
        text: `This will also delete all data tied to ${messageWording}. Deleted Vehicles and their associated data cannot be restored.`,
        showCancelButton: true,
        confirmButtonText: "Delete",
        confirmButtonColor: "#dc3545"
    }).then((result) => {
        if (result.isConfirmed) {
            $.post('/Vehicle/DeleteVehicles', { vehicleIds: vehicleIds }, function (data) {
                if (data) {
                    loadGarage();
                }
            })
        }
    });
}
function manageCollaborators(vehicleIds) {
    if (vehicleIds.length == 0) {
        return;
    }
    $.post('/Vehicle/GetVehiclesCollaborators', { vehicleIds: vehicleIds }, function (data) {
        if (data) {
            $("#userCollaboratorsModalContent").html(data);
            $("#userCollaboratorsModal").modal('show');
        }
    })
}
function showVehicleExtraFields(vehicleIds) {
    if (vehicleIds.length != 1) {
        return;
    }
    let extraFieldsHtml = $(`[data-rowId="${vehicleIds[0]}"]`).attr('data-extra-fields');
    Swal.fire({
        title: 'Vehicle Extra Fields',
        html: extraFieldsHtml,
        confirmButtonText: 'Close',
        focusConfirm: false
    });
}
function detectGarageLongTouch(sender) {
    var touchX = event.touches[0].clientX;
    var touchY = event.touches[0].clientY;
    if (!rowTouchTimer) {
        rowTouchTimer = setTimeout(function () { showGarageContextMenuForMobile(sender, touchX, touchY); detectGarageTouchEndPremature(sender); }, rowTouchDuration);
    }
}
function detectGarageTouchEndPremature(sender) {
    if (rowTouchTimer) {
        clearTimeout(rowTouchTimer);
        rowTouchTimer = null;
    }
}
// end context menu
function hideCollaboratorsModal() {
    $("#userCollaboratorsModal").modal('hide');
}
function selectAllPartialCollaborators() {
    let checkedCollaborators = $('.list-group.partial-collaborators input[type="checkbox"]:checked');
    let partialCollaborators = $('.list-group.partial-collaborators input[type="checkbox"]');
    if (checkedCollaborators.length == partialCollaborators.length) {
        partialCollaborators.prop('checked', false);
    } else {
        partialCollaborators.prop('checked', true);
    }
}
function selectAllCommonCollaborators() {
    let checkedCollaborators = $('.list-group.common-collaborators input[type="checkbox"]:checked');
    let commonCollaborators = $('.list-group.common-collaborators input[type="checkbox"]');
    if (checkedCollaborators.length == commonCollaborators.length) {
        commonCollaborators.prop('checked', false);
    } else {
        commonCollaborators.prop('checked', true);
    }
}
function copySelectedPartialCollaborators() {
    let checkedCollaborators = $('.list-group.partial-collaborators input[type="checkbox"]:checked');
    let collaboratorsToAdd = [];
    checkedCollaborators.map((index, elem) => {
        collaboratorsToAdd.push($(elem).parent().find('.form-check-label').text());
    });
    if (collaboratorsToAdd.length == 0) {
        errorToast('No collaborators selected');
        return;
    }
    $.post('/Vehicle/AddCollaboratorsToVehicles', { usernames: collaboratorsToAdd, vehicleIds: vehiclesToEdit }, function (data) {
        if (data.success) {
            manageCollaborators(vehiclesToEdit);
        } else {
            errorToast(data.message);
        }
    });
}
function removeSelectedCollaborators() {
    let checkedPartialCollaborators = $('.list-group.partial-collaborators input[type="checkbox"]:checked');
    let checkedCommonCollaborators = $('.list-group.common-collaborators input[type="checkbox"]:checked');
    let collaboratorsToRemove = [];
    checkedPartialCollaborators.map((index, elem) => {
        collaboratorsToRemove.push($(elem).parent().find('.form-check-label').text());
    });
    checkedCommonCollaborators.map((index, elem) => {
        collaboratorsToRemove.push($(elem).parent().find('.form-check-label').text());
    });
    if (collaboratorsToRemove.length == 0) {
        errorToast('No collaborators selected');
        return;
    }
    $.post('/Vehicle/RemoveCollaboratorsFromVehicles', { usernames: collaboratorsToRemove, vehicleIds: vehiclesToEdit }, function (data) {
        if (data.success) {
            manageCollaborators(vehiclesToEdit);
        } else {
            errorToast(data.message);
        }
    });
}
function removeCollaborators(e) {
    let collaboratorsToRemove = [];
    collaboratorsToRemove.push($(e).parent().find('.form-check-label').text());
    $.post('/Vehicle/RemoveCollaboratorsFromVehicles', { usernames: collaboratorsToRemove, vehicleIds: vehiclesToEdit }, function (data) {
        if (data.success) {
            manageCollaborators(vehiclesToEdit);
        } else {
            errorToast(data.message);
        }
    });
}
function addCollaboratorToVehicles() {
    Swal.fire({
        title: 'Add Collaborator',
        html: `
                            <input type="text" id="inputUserName" class="swal2-input" placeholder="Username" onkeydown="handleSwalEnter(event)">
                            `,
        confirmButtonText: 'Add',
        focusConfirm: false,
        preConfirm: () => {
            const userName = $("#inputUserName").val();
            if (!userName) {
                Swal.showValidationMessage(`Please enter a username`);
            }
            return { userName }
        },
    }).then(function (result) {
        if (result.isConfirmed) {
            let usernames = [];
            usernames.push(result.value.userName);
            $.post('/Vehicle/AddCollaboratorsToVehicles', { usernames: usernames, vehicleIds: vehiclesToEdit }, function (data) {
                if (data.success) {
                    manageCollaborators(vehiclesToEdit);
                } else {
                    errorToast(data.message);
                }
            });
        }
    });
}
function adjustCollaboratorsModalSize(expand) {
    if (expand) {
        $("#userCollaboratorsModal .modal-dialog").addClass('modal-lg');
    } else {
        $("#userCollaboratorsModal .modal-dialog").removeClass('modal-lg');
    }
}
function sortGarage() {
    //check current sort state
    let sortState = $('.garage-sort-icon');
    if (sortState.hasClass('bi-arrow-down-up')) {
        //no sort
        if ($("[default-sort]").length == 0) {
            $(`.garage-item`).map((index, elem) => {
                $(elem).attr("default-sort", index);
            });
        }
        sortState.removeClass('bi-arrow-down-up');
        sortState.addClass('bi-sort-numeric-down');
        sortVehicles(false);
    } else if (sortState.hasClass('bi-sort-numeric-down')) {
        //sorted asc
        sortState.removeClass('bi-sort-numeric-down');
        sortState.addClass('bi-sort-numeric-up');
        sortVehicles(true);
    } else if (sortState.hasClass('bi-sort-numeric-up')){
        //sorted desc, reset sort state
        resetGarageSort();
    }
}
function resetGarageSort() {
    let sortState = $('.garage-sort-icon');
    sortState.removeClass('bi-sort-numeric-up');
    sortState.removeClass('bi-sort-numeric-down');
    sortState.addClass('bi-arrow-down-up');
    if ($('[default-sort]').length == 0) {
        //if never sorted before, return prematurely
        return;
    }
    //reset sort
    let rowData = $(`.garage-item`);
    let sortedRow = rowData.toArray().sort((a, b) => {
        let currentVal = $(a).attr('default-sort');
        let nextVal = $(b).attr('default-sort');
        return currentVal - nextVal;
    });
    $(".garage-item-add").map((index, elem) => {
        sortedRow.push(elem);
    })
    $(`.vehiclesContainer`).html(sortedRow);
}
function sortVehicles(desc) {
    //get row data
    var rowData = $('.garage-item');
    var sortedRow = rowData.toArray().sort((a, b) => {
        var currentVal = globalParseFloat($(a).find(".garage-item-year").attr('data-unit'));
        var nextVal = globalParseFloat($(b).find(".garage-item-year").attr('data-unit'));
        if (desc) {
            return nextVal - currentVal;
        } else {
            return currentVal - nextVal;
        }
    });
    sortedRow.push($('.garage-item-add'))
    $('.vehiclesContainer').html(sortedRow);
}
function showAccountInformationModal() {
    $.get('/Home/GetUserAccountInformationModal', function (data) {
        $('#accountInformationModalContent').html(data);
        $('#accountInformationModal').modal('show');
    })
}

function showRootAccountInformationModal() {
    $.get('/Home/GetRootAccountInformationModal', function (data) {
        $('#accountInformationModalContent').html(data);
        $('#accountInformationModal').modal('show');
    })
}
function validateAndSaveRootUserAccount() {
    var hasError = false;
    if ($('#inputUsername').val().trim() == '') {
        $('#inputUsername').addClass("is-invalid");
        hasError = true;
    } else {
        $('#inputUsername').removeClass("is-invalid");
    }
    if ($('#inputPassword').val().trim() == '') {
        $('#inputPassword').addClass("is-invalid");
        hasError = true;
    } else {
        $('#inputPassword').removeClass("is-invalid");
    }
    if (hasError) {
        errorToast("Please check the form data");
        return;
    }
    var userAccountInfo = {
        userName: $('#inputUsername').val(),
        password: $('#inputPassword').val()
    }
    $.post('/Login/CreateLoginCreds', { credentials: userAccountInfo }, function (data) {
        if (data) {
            //hide modal
            hideAccountInformationModal();
            successToast('Root Account Updated');
            performLogOut();
        } else {
            errorToast(data.message);
        }
    });
}

function hideAccountInformationModal() {
    $('#accountInformationModal').modal('hide');
}
function validateAndSaveUserAccount() {
    var hasError = false;
    if ($('#inputUsername').val().trim() == '') {
        $('#inputUsername').addClass("is-invalid");
        hasError = true;
    } else {
        $('#inputUsername').removeClass("is-invalid");
    }
    if ($('#inputEmail').val().trim() == '') {
        $('#inputEmail').addClass("is-invalid");
        hasError = true;
    } else {
        $('#inputEmail').removeClass("is-invalid");
    }
    if ($('#inputToken').val().trim() == '') {
        $('#inputToken').addClass("is-invalid");
        hasError = true;
    } else {
        $('#inputToken').removeClass("is-invalid");
    }
    if (hasError) {
        errorToast("Please check the form data");
        return;
    }
    var userAccountInfo = {
        userName: $('#inputUsername').val(),
        password: $('#inputPassword').val(),
        emailAddress: $('#inputEmail').val(),
        token: $('#inputToken').val()
    }
    $.post('/Home/UpdateUserAccount', { userAccount: userAccountInfo }, function (data) {
        if (data.success) {
            //hide modal
            hideAccountInformationModal();
            successToast('Profile Updated');
            performLogOut();
        } else {
            errorToast(data.message);
        }
    });
}
function generateTokenForUser() {
    $.post('/Home/GenerateTokenForUser', function (data) {
        if (data) {
            successToast('Token sent');
        } else {
            errorToast(genericErrorMessage())
        }
    });
}
function loadTabFromURL() {
    let tabFromURL = getTabNameFromURL('garage');
    waitForElement(`#${tabFromURL}`, () => { $(`#${tabFromURL}`).tab('show'); }, '');
}
$(function () {
    bindTabEvent();
    loadTabFromURL();
})