templates/base.html

<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>{% block title %}Grimvault{% endblock %}</title>
        <link
            rel="stylesheet"
            href="{{ url_for('static', filename='css/styles.css') }}"
        />
        <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
    </head>
    <body>
        <header>
            <nav>
                <ul>
                    <li><a href="{{ url_for('main.index') }}">Grimvault</a></li>
                    {% if current_user.is_authenticated %} {% if
                    current_user.is_admin %}
                    <li>
                        <a href="{{ url_for('admin.admin_dashboard') }}"
                            >Admin Dashboard</a
                        >
                    </li>
                    {% else %}
                    <li>
                        <a href="{{ url_for('files.dashboard') }}">Dashboard</a>
                    </li>
                    {% endif %}
                    <li><a href="#" id="logout">Logout</a></li>
                    {% else %}
                    <li><a href="{{ url_for('auth.login') }}">Login</a></li>
                    <li>
                        <a href="{{ url_for('auth.register') }}">Register</a>
                    </li>
                    {% endif %}
                </ul>
            </nav>
        </header>

        <main>
            <div id="loading-indicator" class="loading" style="display: none">
                Loading...
            </div>
            {% block content %}{% endblock %}
        </main>

        <script src="{{ url_for('static', filename='js/main.js') }}"></script>
        {% block scripts %}{% endblock %}
    </body>
</html>