'use strict';

var App = {
    currentUser: null,

    routes: {
        dashboard:   null, // set after all scripts load
        flashcards:  null,
        tutorials:   null,
        quiz:        null,
        cheatsheets: null,
        admin:       null
    },

    init: function() {
        this.routes.dashboard   = Dashboard;
        this.routes.flashcards  = Flashcards;
        this.routes.tutorials   = Tutorials;
        this.routes.quiz        = Quiz;
        this.routes.cheatsheets = CheatSheets;
        this.routes.admin       = Admin;

        document.getElementById('login-form').addEventListener('submit', function(e) { Auth.handleLogin(e); });
        document.getElementById('logout-btn').addEventListener('click', function() { Auth.handleLogout(); });
        window.addEventListener('hashchange', function() { App.route(); });
        this.checkAuth();
    },

    checkAuth: function() {
        API.get('/me').then(function(data) {
            App.setUser(data.user);
        }).catch(function() {
            App.showLogin();
        });
    },

    setUser: function(user) {
        this.currentUser = user;
        document.getElementById('nav-username').textContent = user.display_name;
        document.getElementById('login-screen').style.display = 'none';
        document.getElementById('app').style.display = 'block';
        if (user.is_admin) {
            document.querySelector('.nav-admin').style.display = '';
        }
        this.route();
    },

    showLogin: function() {
        this.currentUser = null;
        document.getElementById('login-screen').style.display = 'flex';
        document.getElementById('app').style.display = 'none';
    },

    route: function() {
        var hash = location.hash.slice(2) || 'dashboard';
        var parts = hash.split('/');
        var routeName = parts[0];
        var params = parts.slice(1);

        document.querySelectorAll('.nav-link').forEach(function(link) {
            link.classList.toggle('active', link.dataset.route === routeName);
        });

        var handler = this.routes[routeName];
        if (handler && handler.render) {
            handler.render(params);
        } else {
            document.getElementById('content').textContent = 'Seite nicht gefunden';
        }
    }
};

document.addEventListener('DOMContentLoaded', function() { App.init(); });