feat: add filtering of applications

templates/admin/application/index.html.twig

@@ -3,14 +3,40 @@
 {% block title %}Bewerbungsübersicht{% endblock %}
 
 {% block content %}
-        <h1 class="text-2xl font-bold pb-8">
+    <div class="flex items-start justify-between pb-4">
+        <h1 class="text-2xl font-bold">
             Bewerbungsübersicht
         </h1>
-        <div class="data-table-wrapper">
+        <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_application_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_application_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">
                     <thead>
                     <tr>
+                        <th>
+                            {{ knp_pagination_sortable(pagination, 'ID', ['assignment.id']) }}
+                        </th>
                         <th>
                             {{ knp_pagination_sortable(pagination, 'Einsatz&shy;zeitraum', 'destination.dateFrom') }}
                         </th>
@@ -33,6 +59,9 @@
                         {% for application in pagination %}
                             {% set assignment = application.assignment %}
                             <tr>
+                                <td>
+                                    {{ assignment.id }}
+                                </td>
                                 <td>
                                     <a href="{{ path('app_administrative_assignment_detail', { 'uuid': assignment.uuid, 'r': return_url() }) }}">
                                         {{ assignment.effectivePeriod.start|date('d.m.Y') }} -

templates/common/modal_application_filter.html.twig

@@ -0,0 +1,29 @@
+{% extends 'htmx_modal.html.twig' %}
+
+{% block title %}Bewerbungen 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">
+        {% if filterForm.id is defined %}
+            {{ form_row(filterForm.id) }}
+        {% endif %}
+        {% if filterForm.status is defined %}
+            {{ form_row(filterForm.status) }}
+        {% endif %}
+        <div class="grid grid-cols-2 gap-x-4 gap-y-2">
+            {{ form_row(filterForm.dateFrom) }}
+            {{ form_row(filterForm.dateTo) }}
+        </div>
+        {{ form_row(filterForm.jobProfiles) }}
+        {{ form_row(filterForm.hotels) }}
+        {{ form_row(filterForm.duration) }}
+        {{ form_row(filterForm.includePast) }}
+    </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 %}