$(document).ready(function() {
    $('#mmlMainContent').load('../components/homepage.html');
    $('#top_nav_bar').load('../components/top_nav.html');
    $('#main_nav_bar').load('../components/main_nav.html', function() {
        if (document.cookie.indexOf('loggedIn=true') != -1) {
            $('#main_nav_bar').find('#loginLink').hide();
            $('#main_nav_bar').find('#registerLink').hide();
            $('#main_nav_bar').find('#logoutLink').show();
            $('#main_nav_bar').find('#profileLink').show();
        } else {
            $('#main_nav_bar').find('#loginLink').show();
            $('#main_nav_bar').find('#registerLink').show();
            $('#main_nav_bar').find('#logoutLink').hide();
            $('#main_nav_bar').find('#profileLink').hide();
        }
        document.getElementById('registerLink')?.addEventListener('click', function() {
            $('#mmlMainContent').load('../components/register.html');
        },);
        document.getElementById('homeLink')?.addEventListener('click', function() {
            $('#mmlMainContent').load('../components/homepage.html');
        },);
        document.getElementById('loginLink')?.addEventListener('click', function() {
            $('#mmlMainContent').load('../components/login.html');
        },);
        document.getElementById('logoutLink')?.addEventListener('click', function() {
            document.cookie = 'loggedIn=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;';
            document.cookie = 'email=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;';
            document.cookie = 'rememberme=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;';
            $('#mmlMainContent').load('../components/homepage.html');
            $('#main_nav_bar').find('#loginLink').show();
            $('#main_nav_bar').find('#registerLink').show();
            $('#main_nav_bar').find('#logoutLink').hide();
            $('#main_nav_bar').find('#profileLink').hide();
        });
        document.getElementById('profileLink')?.addEventListener('click', function() {
            $('#mmlMainContent').load('../components/profile.html');
        });
    });
    $('#marmeladenladen_footer').load('../components/footer.html');
    $('#marmeladenladen_search').load('../components/modal.html');
});