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

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

{% block content %}
    <h1 class="text-2xl font-bold pb-8">
        Einsatzübersicht
    </h1>
    <div class="grid grid-cols-3 gap-8 items-start">
        <div class="bg-gray-100 rounded-md p-4">
            {% include '_partials/_assignment_info.html.twig' %}
        </div>
        <div class="col-span-2">
            <h2 class="font-bold text-lg">
                Bewerbungen
            </h2>
            <div class="data-table-wrapper w-full">
                <div class="data-table-wrapper__inner">
                    <table class="data-table">
                        <thead>
                        <tr>
                            <th>
                                Name
                            </th>
                            <th>
                                Anmerkungen
                            </th>
                            <th>
                                Status
                            </th>
                            <th></th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for application in applications %}
                            <tr>
                                <td>
                                    <a href="{{ path('app_admin_teamer_profile', { 'uuid': application.teamer.uuid, 'r': return_url() }) }}">
                                        {{ application.teamer }}
                                    </a>
                                </td>
                                <td>
                                    {{ application.requests|nl2br }}
                                </td>
                                <td>
                                    {{ ('label.application.status.' ~ application.status)|trans }}
                                </td>
                                <td>
                                    <div class="flex items-center justify-end space-x-2">
                                        {% if is_granted('DISPOSE', application) %}
                                            <button type="button"
                                                    class="btn"
                                                    {{ stimulus_controller('modal-button', [], [], {'confirmation-modal': '#confirmation-modal'}) }}
                                                    {{ stimulus_action('modal-button', 'confirmation', null, {
                                                        'title': 'Bist du sicher?',
                                                        'content': 'Möchtest du den Teamer ' ~ application.teamer ~ ' wirklich einteilen?',
                                                        'target-url': path('app_admin_application_dispose', { 'uuid': application.uuid })
                                                    }) }}>
                                                einteilen
                                            </button>
                                        {% endif %}
                                        {% if is_granted('REJECT', application) %}
                                            <button type="button" class="btn btn--secondary"
                                                    {{ stimulus_controller('modal-button', [], [], {'confirmation-modal': '#confirmation-modal'}) }}
                                                    {{ stimulus_action('modal-button', 'confirmation', null, {
                                                        'title': 'Bist du sicher?',
                                                        'content': 'Möchtest du die Bewerbung von ' ~ application.teamer ~ ' wirklich ablehnen?',
                                                        'target-url': path('app_admin_application_reject', { 'uuid': application.uuid })
                                                    }) }}>
                                                ablehnen
                                            </button>
                                        {% endif %}
                                        {% if is_granted('DELETE', application) %}
                                            <button type="button" class="btn btn--secondary"
                                                    {{ stimulus_controller('modal-button', [], [], {'confirmation-modal': '#confirmation-modal'}) }}
                                                    {{ stimulus_action('modal-button', 'confirmation', null, {
                                                        'title': 'Bist du sicher?',
                                                        'content': 'Möchtest du die Bewerbung von ' ~ application.teamer ~ ' wirklich löschen?',
                                                        'target-url': path('app_admin_application_delete', { 'uuid': application.uuid })
                                                    }) }}>
                                                löschen
                                            </button>
                                        {% endif %}
                                    </div>
                                </td>
                            </tr>
                        {% else %}
                            <tr>
                                <td colspan="3">
                                    Bisher liegen keine Bewerbungen vor...
                                </td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
            <a href="{{ returnUrl }}" class="underline">
                zurück
            </a>
        </div>
    </div>
{% endblock %}