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

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

{% block content %}
        <h1 class="text-2xl font-bold pb-8">
            Dokumentenübersicht
        </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;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, 'Dokument', 'upload.type') }}
                        </th>
                        <th>
                            {{ knp_pagination_sortable(pagination, 'Teamer:in', 'teamer.lastName') }}
                        </th>
                        <th>
                            {{ knp_pagination_sortable(pagination, 'Status', 'disposition.status') }}
                        </th>
                        <th></th>
                    </tr>
                    </thead>
                    <tbody>
                        {% for upload in pagination %}
                            {% set disposition = upload.disposition %}
                            {% set assignment = disposition.assignment %}
                            <tr>
                                <td>
                                    {{ assignment.destination.dateFrom|date('d.m.Y') }}
                                    -
                                    {{ assignment.destination.dateTo|date('d.m.Y') }}
                                </td>
                                <td>
                                    <div 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>
                                    </div>
                                </td>
                                <td>
                                    {{ assignment.jobProfile.name }}
                                </td>
                                <td>
                                    {{ ('label.document.type.' ~ upload.type)|trans }}
                                </td>
                                <td>
                                    {{ disposition.teamer }}
                                </td>
                                <td>
                                    {{ upload.status|upload_status_badge }}
                                </td>
                                <td>
                                    <div class="flex items-center space-x-2 justify-end">
                                        {% if is_granted('DELETE', upload) %}
                                            <button type="button"
                                                    class="text-red-500"
                                                    {{ stimulus_controller('modal-button', [], [], {'confirmation-modal': '#confirmation-modal'}) }}
                                                    {{ stimulus_action('modal-button', 'confirmation', null, {
                                                        'title': 'Bist du sicher?',
                                                        'content': 'Möchtest du das Dokument wirklich löschen?',
                                                        'target-url': path('app_admin_document_delete', { 'uuid': upload.uuid })
                                                    }) }}>
                                                {{ icon('delete') }}
                                            </button>
                                        {% endif %}
                                        {% if is_granted('CHECK', upload) %}
                                            <button type="button"
                                                    {{ stimulus_controller('modal-button', [], [], {'ajax-modal': '#ajax-modal'}) }}
                                                    {{ stimulus_action('modal-button', 'ajax', null, {
                                                        'title': 'Dokumentenstatus bearbeiten',
                                                        'url': path('app_admin_document_check', { 'uuid': upload.uuid })
                                                    }) }}>
                                                {{ icon('edit') }}
                                            </button>
                                        {% endif %}
                                        <a href="{{ path('app_common_download', { 'uuid': upload.uuid, 'inline': true }) }}"
                                           target="_blank"
                                           title="Download">
                                            {{ icon('eye') }}
                                        </a>
                                    </div>
                                </td>
                            </tr>
                        {% else %}
                            <tr>
                                <td colspan="7">
                                    Keine Daten...
                                </td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
{% endblock %}