feat: filter availabilities

addresses #869at5k4f

templates/administrative/availability/index.html.twig

@@ -3,9 +3,32 @@
 {% block title %}Eigene Verfügbarkeiten der Teamer{% endblock %}
 
 {% block content %}
-    <h1 class="text-2xl font-bold pb-8">
-        Eigene Verfügbarkeiten der Teamer
-    </h1>
+    <div class="flex items-start justify-between pb-4">
+        <h1 class="text-2xl font-bold">
+            Eigene Verfügbarkeiten der Teamer
+        </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 }) }}"
+                    title="Filter"
+                    hx-get="{{ path('app_common_availability_filter', { 'r': return_url() }) }}"
+                    hx-target="body"
+                    hx-swap="beforeend">
+                {{ 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 %}
+            </button>
+            {% if filterDto.active %}
+                <a href="{{ path('app_common_availability_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">
@@ -43,7 +66,7 @@
                     </tr>
                 {% else %}
                     <tr>
-                        <td colspan="3">
+                        <td colspan="4">
                             Keine Daten...
                         </td>
                     </tr>

templates/common/modal_availability_filter.html.twig

@@ -0,0 +1,19 @@
+{% extends 'htmx_modal.html.twig' %}
+
+{% block title %}Verfügbarkeiten filtern{% endblock %}
+
+{% block content %}
+    {{ form_start(filterForm, { 'attr': { 'hx-post': app.request.uri, 'hx-target': '#htmx-modal', 'hx-swap': 'outerHTML' } }) }}
+    <div class="flex flex-col space-y-2 pb-4">
+        {{ form_row(filterForm.teamer) }}
+        {{ form_row(filterForm.jobProfiles) }}
+        {{ form_row(filterForm.dateFrom) }}
+        {{ form_row(filterForm.dateTo) }}
+    </div>
+    <div class="flex items-center space-x-2">
+        {{ form_widget(filterForm.apply, { 'attr': { 'class': 'btn' } }) }}
+        {{ form_widget(filterForm.reset, { 'attr': { 'class': 'btn btn--secondary' } }) }}
+    </div>
+    {{ form_rest(filterForm) }}
+    {{ form_end(filterForm) }}
+{% endblock %}