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

{% block title %}Meine Bewerbungen{% endblock %}

{% block content %}
    <h1 class="text-2xl font-bold pb-8">
        Meine offenen Bewerbungen
    </h1>
    <div class="data-table-wrapper">
        <div class="data-table-wrapper__inner">
            <table class="data-table">
                <thead>
                <tr>
                    <th>
                        {{ knp_pagination_sortable(pagination, 'Einsatz&shy;beginn', 'assignment.dateFrom') }}
                    </th>
                    <th>
                        {{ knp_pagination_sortable(pagination, 'Einsatz&shy;ende', 'assignment.dateTo') }}
                    </th>
                    <th>
                        {{ knp_pagination_sortable(pagination, 'Jobprofil', 'assignment.jobProfile') }}
                    </th>
                    <th>
                        {{ knp_pagination_sortable(pagination, 'Destination', 'destination.dateFrom') }}
                    </th>
                    <th>
                        {{ knp_pagination_sortable(pagination, 'Busbegleitung', 'assignment.pickup') }}
                    </th>
                    <th>
                        {{ knp_pagination_sortable(pagination, 'Status', 'application.status') }}
                    </th>
                    <th></th>
                </tr>
                </thead>
                <tbody>
                {% for application in pagination %}
                    {% set assignment = application.assignment %}
                    <tr>
                        <td>
                            {% set dateFrom = assignment.dateFrom ? assignment.dateFrom : assignment.destination.dateFrom %}
                            {{ dateFrom|date('d.m.Y') }}
                        </td>
                        <td>
                            {% set dateTo = assignment.dateTo ? assignment.dateTo : assignment.destination.dateTo %}
                            {{ dateTo|date('d.m.Y') }}
                        </td>
                        <td>
                            {{ assignment.jobProfile.name }}
                        </td>
                        <td>
                            {{ assignment.destination.product }}
                            <br>
                            {{ assignment.destination.hotel }}
                        </td>
                        <td>
                            {{ assignment.pickup ? assignment.pickup|bpn_pickup_label|default('-') : '-' }}
                            <br>
                            {{ assignment.pickupDate ? assignment.pickupDate|date('d.m.Y') : '' }}
                        </td>
                        <td>
                            {{ ('label.application.status.' ~ application.status)|trans }}
                        </td>
                        <td>
                            <div class="flex items-center space-x-1 justify-end">
                                {% if is_granted('VIEW', application) %}
                                    <a href="{{ path('app_teamer_assignment', { 'uuid': assignment.uuid, 'r': return_url() }) }}">
                                        {{ icon('info', 'w-5 h-5') }}
                                    </a>
                                {% endif %}
                                {% if is_granted('DELETE', application) %}
                                    <button type="button"
                                            title="Bewerbung löschen"
                                            {{ stimulus_controller('modal-button', [], [], {'confirmation-modal': '#confirmation-modal'}) }}
                                            {{ stimulus_action('modal-button', 'confirmation', null, {
                                                'title': 'Bist du sicher?',
                                                'content': 'Möchtest du die Bewerbing wirklich zurückziehen/löschen?',
                                                'target-url': path('app_teamer_application_delete', { 'uuid': application.uuid })
                                            }) }}>
                                        {{ icon('delete', 'w-5 h-5 text-red-500') }}
                                    </button>
                                {% endif %}
                            </div>
                        </td>
                    </tr>
                {% else %}
                    <tr>
                        <td colspan="6">
                            Keine Daten...
                        </td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
            {{ knp_pagination_render(pagination) }}
        </div>
    </div>
{% endblock %}