Feat: Refactor assignment filter to modal

templates/teamer/index.html.twig

@@ -3,9 +3,23 @@
 {% block title %}Einsatzübersicht{% endblock %}
 
 {% block content %}
-    <h1 class="text-2xl font-bold pb-4">
-        Einsatzübersicht
-    </h1>
+    <div class="flex items-start justify-between">
+        <h1 class="text-2xl font-bold pb-4">
+            Einsatzübersicht
+        </h1>
+        <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': 'Einsätze filtern',
+                    'url': path('app_common_assignment_filter', { 'r': return_url() })
+                }) }}>
+            <div class="flex items-center space-x-1">
+                {{ icon('filter', 'w-5 h-5 shrink-0') }}
+                {% if filterDto.active %}<span>{{ filterDto.activeFiltersCount }} Filter aktiv</span>{% endif %}
+            </div>
+        </button>
+    </div>
     {% if errors|length %}
         <div class="border border-red-500 rounded-md p-4 text-red-500 mb-8">
             <ul>
@@ -18,8 +32,6 @@
         </div>
     {% endif %}
 
-    {% include '_partials/_filterpanel.html.twig' %}
-
     {{ knp_pagination_render(pagination, 'paginator/sliding_boxes.html.twig') }}
     <div class="grid sm:grid-cols-2 md:grid-cols-3 gap-4 py-4">
         {% for assignment in pagination %}