{% 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, 'Einsatzzeitraum', 'destination.dateFrom') }}
                        </th>
                        <th>
                            {{ knp_pagination_sortable(pagination, 'Jobprofil', 'job_profile.name') }}
                        </th>
                        <th>
                            {{ knp_pagination_sortable(pagination, 'Destination', 'destination.product') }}
                        </th>
                        <th>
                            {{ knp_pagination_sortable(pagination, 'Dokument', 'upload.type') }}
                        </th>
                        <th>
                            {{ knp_pagination_sortable(pagination, 'Teamer', '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>
                                    {{ assignment.jobProfile.name }}
                                </td>
                                <td>
                                    {{ assignment.destination.product }}
                                    <br>
                                    {{ assignment.destination.hotel }}
                                </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">
                                        <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>
                                        <a href="{{ path('app_common_download', { 'uuid': upload.uuid }) }}"
                                           target="_blank"
                                           title="Download">
                                            {{ icon('download') }}
                                        </a>
                                    </div>
                                </td>
                            </tr>
                        {% else %}
                            <tr>
                                <td colspan="7">
                                    Keine Daten...
                                </td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
{% endblock %}