{% extends "base.html" %}

{% block content %}
<div class="container-fluid">
    <div class="row">
        <!-- Sidebar -->
        {% include 'components/dashboard/sidebar.html' %}

        <!-- Main content -->
        <main class="col-md-9 ms-sm-auto col-lg-10 px-md-4">
            <!-- Settings Content -->
            <div id="settings-content" class="content-section" style="display: none;">
                <!-- Settings content will be loaded here -->
            </div>

            <!-- Dashboard Content -->
            <div id="dashboard-content">
                {% include 'components/dashboard/fetch_status.html' %}
                {% include 'components/dashboard/stats_cards.html' %}
                {% include 'components/dashboard/stats_chart.html' %}
            </div>

            <!-- Table Content -->
            <div id="table-content" class="mt-4" style="display: none;">
                <!-- Table data will be loaded here -->
            </div>
        </main>
    </div>
</div>

{% endblock %}

{% block scripts %}
<!-- Make sure Chart.js is loaded before your application code -->
<script src="https://cdn.jsdelivr.net/npm/chart.js@3.9.1/dist/chart.min.js"></script>
<script src="{{ url_for('static', filename='js/dashboard.js') }}" type="module"></script>
<script type="module">
    // Make the saveChat method available globally
    window.saveChat = () => window.dashboard?.handlers.chats.saveNewChat();
</script>
{% endblock %}