Feat: Add teamer filter

templates/admin/teamer/index.html.twig

@@ -3,9 +3,34 @@
 {% block title %}Teamerübersicht{% endblock %}
 
 {% block content %}
-    <h1 class="text-2xl font-bold pb-8">
-        Teamerübersicht
-    </h1>
+    <div class="flex items-start justify-between pb-4">
+        <h1 class="text-2xl font-bold">
+            Teamerübersicht
+        </h1>
+        <div class="flex flex-col items-end space-y-2 md:flex-row md:items-center md:space-x-2 md:space-y-0">
+            <button type="button"
+                    class="{{ html_classes('btn btn--small', { 'btn--secondary': filterDto.active }) }}"
+                    {{ stimulus_controller('modal-button', [], [], {'ajax-modal': '#ajax-modal'}) }}
+                    {{ stimulus_action('modal-button', 'ajax', null, {
+                        'title': 'Teamer filtern',
+                        'url': path('app_common_teamer_filter', { 'r': return_url() })
+                    }) }}>
+                <div class="flex items-center space-x-1">
+                    {{ icon('filter', 'w-4 h-4 shrink-0') }}
+                    {% if filterDto.active %}
+                        <span class="whitespace-nowrap">{{ filterDto.activeFiltersCount }} Filter aktiv</span>
+                    {% else %}
+                        <span>Filter</span>
+                    {% endif %}
+                </div>
+            </button>
+            {% if filterDto.active %}
+                <a href="{{ path('app_common_teamer_filter_reset', { 'r': return_url() }) }}" class="btn btn--small btn--secondary">
+                    Reset
+                </a>
+            {% endif %}
+        </div>
+    </div>
     <div class="data-table-wrapper">
         <div class="data-table-wrapper__inner">
             <table class="data-table">