{% extends 'admin/layout.html.twig' %}

{% block title %}Bewerbungsübersicht{% endblock %}

{% block content %}
    <div class="flex items-start justify-between pb-4">
        <h1 class="text-2xl font-bold">
            Bewerbungsü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 }) }}"
                    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>
                        <th>
                            {{ knp_pagination_sortable(pagination, 'Destination', 'destination.product') }}
                        </th>
                        <th>
                            {{ knp_pagination_sortable(pagination, 'Jobprofil', 'job_profile.name') }}
                        </th>
                        <th>
                            {{ knp_pagination_sortable(pagination, 'Bus', 'destination.pickup') }}
                        </th>
                        <th>
                            {{ knp_pagination_sortable(pagination, 'Bewerber:in', 'teamer.lastName') }}
                        </th>
                        <th></th>
                    </tr>
                    </thead>
                    <tbody>
                        {% 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') }} -
                                        {{ assignment.effectivePeriod.end|date('d.m.Y') }}
                                    </a>
                                </td>
                                <td>
                                    <a href="{{ path('app_administrative_assignment_detail', { 'uuid': assignment.uuid, 'r': return_url() }) }}"
                                       class="flex items-start space-x-2">
                                        {{ icon('flag-' ~ assignment.destination.country, 'w-5 h-5 shrink-0') }}
                                        <div class="flex-1">
                                            {{ assignment.destination.product }}
                                            <br>
                                            {{ assignment.destination.hotel }}
                                        </div>
                                    </a>
                                </td>
                                <td>
                                    <a href="{{ path('app_administrative_assignment_detail', { 'uuid': assignment.uuid, 'r': return_url() }) }}">
                                        {{ assignment.jobProfile.name }}
                                    </a>
                                </td>
                                <td>
                                    {% if assignment.pickup and assignment.destination.pickup(assignment.pickup) %}
                                        {% set pickup = assignment.destination.pickup(assignment.pickup) %}
                                        <a href="{{ path('app_administrative_assignment_detail', { 'uuid': assignment.uuid, 'r': return_url() }) }}">
                                            <span class="whitespace-nowrap">ab {{ pickup.city }}</span>
                                            <br>
                                            {{ pickup.time }} Uhr
                                        </a>
                                    {% else %}
                                        -
                                    {% endif %}
                                </td>
                                <td>
                                    <a href="{{ path('app_administrative_assignment_detail', { 'uuid': assignment.uuid, 'r': return_url() }) }}">
                                        {{ application.teamer }}
                                    </a>
                                    {% include '_partials/_teamer_deleted_badge.html.twig' with { 'teamer': application.teamer } %}
                                </td>
                                <td>
                                    <div class="flex items-center justify-end space-x-1"
                                         role="button"
                                         title="Bewerber:innen-Info anzeigen"
                                         aria-label="Bewerber:innen-Info anzeigen"
                                         hx-get="{{ path('app_administrative_teamer_info', { 'uuid': application.teamer.uuid, 'r': return_url() }) }}"
                                         hx-target="body"
                                         hx-swap="beforeend">
                                        {% set requirementsMet = true %}
                                        {% if assignment.pickup and not application.matchesPickup %}
                                            {{ icon('bus', 'w-5 h-5 text-red-500 shrink-0') }}
                                            {% set requirementsMet = false %}
                                        {% endif %}
                                        {% if not application.matchesRequiredTrainings  %}
                                            {{ icon('alert', 'w-5 h-5 text-red-500 shrink-0') }}
                                            {% set requirementsMet = false %}
                                        {% endif %}
                                        {% if requirementsMet %}
                                            {{ icon('check', 'w-5 h-5 text-green-500 shrink-0') }}
                                        {% endif %}
                                    </div>
                                </td>
                            </tr>
                        {% else %}
                            <tr>
                                <td colspan="6">
                                    Keine Daten...
                                </td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
                {{ knp_pagination_render(pagination) }}
            </div>
        </div>
{% endblock %}