{% extends "cabinet/base_cabinet.html" %}
{% load cabinet_tags %}

{% block title %}{{ cabinet_settings.site_name|default:"Cabinet" }}{% endblock %}

{% block sidebar_title %}
<span class="bi bi-grid-fill fs-5" style="color: var(--cab-primary);"></span>
<span class="cab-sidebar__title ms-2 fw-semibold text-white" style="font-size: 1rem; white-space: nowrap;">{{ cabinet_settings.site_name|default:"Cabinet" }}</span>
{% endblock %}

{% block cabinet_content %}

<div class="row g-3">
  {% for widget in cabinet_dashboard_widgets %}
    <div class="{{ widget.col }}">
      {% include widget.template with data=dashboard_data|get_item:widget.context_key %}
    </div>
  {% endfor %}
</div>

{% endblock %}

{% block extra_js %}
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.4/dist/chart.umd.min.js"></script>
{% endblock %}