$(document).ready(function() {
    // Set initial module and url?
    var currentLocation = window.location.href;
    var requestAction = currentLocation.split('#')[1] || null;

    if (requestAction) {
        var requestParts = requestAction.split('-');
        console.log('Request Parts:', requestParts);
        // First element is the module
        requestModule = requestParts.shift();
        console.log('Request Module:', requestModule);

        // Remaining parts are the module url
        requestUrl = requestParts.join('/');
        
        // Only load known modules with an URL
        if (requestUrl && requestModule && ['stories', 'training', 'profile', 'login', 'register', 'about'].includes(requestModule)) {
            console.log('Navigate to URL:"', requestUrl,'"');
            $("#nav-bottom-"+requestModule).addClass('active');
            getPage(requestUrl);
        } else {
            console.log('Invalid navitagion request:', requestUrl);
        }
    }

    $(".nav-bottom-item").on('click', gotoThisModulePage);
});

function gotoThisModulePage() {
    var url = $(this).data('url');
    var module = $(this).data('module');
    gotoModulePage(module, url);
    return false;
}

function gotoModulePage(module, url) {
    $(".nav-bottom-item").removeClass('active');
    $("#nav-bottom-"+module).addClass('active');
    window.location.hash = module + url.replace(/\//g, '-');
    getPage(url);
    return false;
}

function getPage(url) {
    $.ajax({
        url: url,
        method: 'GET',
        success: function(response) {
        $('#content').html(response);
        },
        error: function(xhr, status, error) {
        console.error('Error fetching content:', error);
        }
    });
}