{% extends 'core/base/base.html' %}
{% load static %}

{% block content %}

<script src="{% static 'assets/js/apexcharts.js' %}"></script>

<div class="pt-5">
    <div class="grid xl:grid-cols-3 gap-6 mb-6">
        {% for widget in widgets %}
            <div class="panel h-full">
                <div class="flex items-center mb-5">
                    <h5 class="font-semibold text-lg dark:text-white-light">{{ widget.title }}</h5>
                </div>
                <div class="overflow-hidden">
                    <div class="bg-white dark:bg-black rounded-lg min-h-[353px]">
                        {{ widget.html|safe }}
                    </div>
                </div>
            </div>
        {% endfor %}
    </div>
</div>
{% endblock %}