{% extends base_template %}
{% load i18n %}
{% load render_table from django_tables2 %}

{% block content %}
  {% for section in sections %}
    <div class="card mb-3">
      <div class="card-header d-flex justify-content-between align-items-center">
        <h2 class="h4 mb-0">{{ section.title }} <span class="badge text-bg-secondary ms-1">{{ section.count }}</span></h2>
        <a href="{{ section.list_url }}" class="btn btn-sm btn-outline-primary">{% trans "Show all" %}</a>
      </div>
      <div class="table-responsive">
        {% if section.count %}
          {% render_table section.table 'inc/table_htmx.html' %}
        {% else %}
          <div class="card-body text-muted">{% trans "None on this device." %}</div>
        {% endif %}
      </div>
    </div>
  {% endfor %}
{% endblock content %}