{% extends "admin/base.html" %}
{% block title %}{{ _(dashboard.title) }}{% endblock %}
{% block content %}
{% for card in cards if card.widget.placement == "top" %}{% include "admin/components/widget_card.html" %}{% endfor %}
{% if filters_view or exports %}{% include "admin/components/dashboard_filters.html" %}{% endif %}
<div class="grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-3">
  {% for card in cards if card.widget.placement != "top" %}{% include "admin/components/widget_card.html" %}{% endfor %}
  {% if not cards %}
  <p class="{{ ui('text', 'muted') }}">{{ _("No widgets configured.") }}</p>
  {% endif %}
</div>
<script>
  window.polyadminDashboardFilterChanged = function (event, form) {
    var wrapper = event.target.closest("[data-dashboard-filter]");
    if (!wrapper) return;
    var query = new URLSearchParams(new FormData(form)).toString();
    history.replaceState(null, "", query ? "?" + query : location.pathname);
    document.body.dispatchEvent(new CustomEvent("dashboard-filter-" + wrapper.dataset.dashboardFilter));
  };
  (function () {
    function showError(evt) {
      var target = evt.detail && evt.detail.target;
      var body = target && target.closest && target.closest("[data-widget-body]");
      if (!body) return;
      var card = body.closest("[data-widget]");
      body.innerHTML = card.querySelector("template[data-widget-error]").innerHTML;
      body.querySelector("[data-widget-retry]").addEventListener("click", function () {
        htmx.ajax("GET", body.getAttribute("hx-get"), { source: body, target: body });
      });
    }
    document.addEventListener("htmx:responseError", showError);
    document.addEventListener("htmx:sendError", showError);
  })();
</script>
{% endblock %}