{% load i18n static %}

<div class="dashboard">
    <div class="dashboard-header">
        {% if title and show_dashboard_title %}
        <h1 class="dashboard-title">{{ title }}</h1>
        {% endif %}
        <!-- 过滤器触发按钮容器 -->
        <div class="dashboard-filter-trigger-container"></div>
    </div>
    
    {% if layout and layout.rows %}
        {% for row in layout.rows %}
        <div class="dashboard-row" style="height: {{ row.height|default:'auto' }};">
            {% for component_tuple in row.components %}
            {% with component=component_tuple.0 width=component_tuple.1 %}
            <div class="dashboard-col" style="grid-column: span {{ width }};">
                {% include component.template_name %}
            </div>
            {% endwith %}
            {% endfor %}
        </div>
        {% endfor %}
    {% else %}
        <div class="no-dashboard">
            <p>{% translate 'No dashboard content configured.' %}</p>
        </div>
    {% endif %}
</div>