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

{% block title %}Ausstehendes Feedback{% endblock %}

{% block content %}
    <div class="flex items-start justify-between pb-4">
        <h1 class="text-2xl font-bold">
            Ausstehendes Feedback
        </h1>
    </div>
    <div class="data-table-wrapper">
        <div class="data-table-wrapper__inner">
            <table class="data-table">
                <thead>
                <tr>
                    <th></th>
                    <th>
                        {{ knp_pagination_sortable(pagination, 'Name', 'teamer.lastName') }}
                    </th>
                    <th>
                        Vorname
                    </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></th>
                </tr>
                </thead>
                <tbody>
                {% for disposition in pagination %}
                    {% set teamer = disposition.teamer %}
                    {% set assignment = disposition.assignment %}
                    <tr>
                        <td>
                            {% if teamer.photo %}
                                <img src="{{ asset(teamer.photo.filename | imagine_filter('profile')) }}"
                                     class="w-12 h-auto rounded-full"
                                     alt="{{ teamer.firstName }}">
                            {% else %}
                                <div class="flex flex-col items-center justify-center w-12 h-12 border-2 border-gray-200 rounded-full">
                                    {{ icon('user', 'w-10 h-10 text-gray-200') }}
                                </div>
                            {% endif %}
                        </td>
                        <td>
                            <a href="{{ path('app_house_manager_feedback_provide', { 'uuid': disposition.uuid }) }}"
                               title="Feedback abgeben">
                                <span class="whitespace-nowrap">{{ teamer.lastName }}</span>
                            </a>
                        </td>
                        <td>
                            <a href="{{ path('app_house_manager_feedback_provide', { 'uuid': disposition.uuid }) }}"
                               title="Feedback abgeben">
                                <span class="whitespace-nowrap">{{ teamer.firstName }}</span>
                            </a>
                        </td>
                        <td>
                            <a href="{{ path('app_house_manager_feedback_provide', { 'uuid': disposition.uuid }) }}"
                               title="Feedback abgeben">
                                {{ assignment.effectivePeriod.start|date('d.m.Y') }} -
                                <br>
                                {{ assignment.effectivePeriod.end|date('d.m.Y') }}
                            </a>
                        </td>
                        <td>
                            <a href="{{ path('app_house_manager_feedback_provide', { 'uuid': disposition.uuid }) }}"
                               title="Feedback abgeben"
                               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_house_manager_feedback_provide', { 'uuid': disposition.uuid }) }}"
                               title="Feedback abgeben">
                                {{ assignment.jobProfile.name }}
                            </a>
                        </td>
                        <td>
                            <div class="flex items-center space-x-1 justify-end">
                                <a href="{{ path('app_house_manager_feedback_provide', { 'uuid': disposition.uuid }) }}"
                                   title="Feedback abgeben">
                                    {{ icon('feedback') }}
                                </a>
                            </div>
                        </td>
                    </tr>
                {% else %}
                    <td colspan="7">
                        Keine Daten...
                    </td>
                {% endfor %}
                </tbody>
            </table>
            {{ knp_pagination_render(pagination) }}
        </div>
    </div>
{% endblock %}