{% load i18n %}
<div class="grid-stack-item"
     gs-w="{{ widget.w }}"
     {% if widget.x != None %}gs-x="{{ widget.x }}"{% endif %}
     {% if widget.y != None %}gs-y="{{ widget.y }}"{% endif %}
     gs-min-w="{{ widget.min_w }}"
     gs-max-w="{{ widget.max_w }}"
     {% if not widget.resizable %}gs-no-resize="true"{% endif %}
     {% if not widget.removable %}gs-no-remove="true"{% endif %}
     gs-id="{{ widget.name }}"
     id="widget-{{ widget.name }}">
  <div class="grid-stack-item-content">
    <div class="card mb-0 widget-card">
      <div class="card-header">
        <h3 class="card-title">
          <i class="ti ti-{{ widget.icon }} me-2"></i>
          {{ widget.title }}
        </h3>
      </div>
      <div class="card-body"
           hx-get="{% url 'widgets:content' area_name=area.name widget_name=widget.name %}"
           hx-trigger="load"
           hx-swap="innerHTML">
        {% include "conjunto/widgets/card_loading.html" %}
      </div>
    </div>
  </div>
</div>