{% extends "adminlte/page.html" %}
{% load i18n django_tables2 %}

{% block page_title %}Contacts{% endblock %}
{% block breadcrumb %}
  <li class="breadcrumb-item"><a href="/">Home</a></li>
  <li class="breadcrumb-item active" aria-current="page">Contacts</li>
{% endblock %}

{% block content %}
<div class="d-flex flex-wrap gap-2 justify-content-between align-items-end mb-3">
  <form method="get" class="d-flex flex-wrap gap-2 align-items-center">
    {{ filter.form.name }}
    {{ filter.form.role }}
    {{ filter.form.status }}
    <button type="submit" class="btn btn-primary"><i class="bi bi-funnel me-1"></i>{% trans 'Filter' %}</button>
    {% if request.GET %}<a href="{% url 'crud:contact_list' %}" class="btn btn-outline-secondary">{% trans 'Reset' %}</a>{% endif %}
  </form>
  <a href="{% url 'crud:contact_create' %}" class="btn btn-success"><i class="bi bi-plus-lg me-1"></i>{% trans 'New contact' %}</a>
</div>

{% render_table table %}
{% endblock %}