<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{% block title %}Data Analyst Portal{% endblock %}</title>
    <link rel="stylesheet" href="{{ static_url('style.css') }}">
    <link rel="stylesheet" href="{{ static_url('style-custom.css') }}">
    {% block head_extra %}{% endblock %}
    {% include '_theme.html' %}
</head>
<body>
    {% include '_app_header.html' %}

    {# `layout` block: pages opt out of the narrow .container wrap by overriding
       this entire block (e.g. dashboard.html renders its own full-width <main
       class="main">). Pages that want the standard chrome leave it alone and
       fill `content` instead. #}
    {% block layout %}
    <div class="container">
        {% with messages = get_flashed_messages(with_categories=true) %}
        {% if messages %}
        <div class="flash-messages">
            {% for category, message in messages %}
            <div class="flash flash-{{ category }}">
                {{ message }}
            </div>
            {% endfor %}
        </div>
        {% endif %}
        {% endwith %}

        <main>
            {% block content %}{% endblock %}
        </main>

        <footer>
            <p>&copy; {{ now().year if now is defined else 2024 }} {{ config.INSTANCE_COPYRIGHT or 'AI Data Analyst' }}</p>
        </footer>
    </div>
    {% endblock %}
    {% include "_version_badge.html" %}
    {% block scripts %}{% endblock %}
</body>
</html>
