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

{% macro dispositionData(disposition) %}
    {% set assignment = disposition.assignment %}
    <span class="whitespace-nowrap">{{ disposition.teamer.fullName(true) }}</span>
    <button type="button"
            class="flex items-center space-x-1"
            title="Teamer:inneninfo {{ disposition.teamer }}"
            hx-get="{{ path('app_administrative_teamer_info', { 'uuid': disposition.teamer.uuid, 'r': return_url() }) }}"
            hx-target="body"
            hx-swap="beforeend">
        {{ icon('info', 'w-4 h-4') }}
    </button>
    {% include '_partials/_dot.html.twig' %}
    <span class="whitespace-nowrap">{{ assignment.destination.dateFrom|date('d.m.y') }} - {{ assignment.destination.dateTo|date('d.m.y') }}</span>
    {% include '_partials/_dot.html.twig' %}
    <span class="whitespace-nowrap">{{ assignment.destination.hotel }}</span>
    {% include '_partials/_dot.html.twig' %}
    <span class="whitespace-nowrap">{{ assignment.jobProfile.name }}</span>
{% endmacro %}

{% block content %}
<div class="grid gap-8">
    <div class="bg-gray-100 border border-gray-200 rounded-md px-4 py-2">
        <h2 class="font-bold text-lg pb-2">
            Neue Einteilungen
        </h2>
        <ul class="divide-y divide-gray-200">
            {% for disposition in newDispositions %}
                {% set assignment = disposition.assignment %}
                <li class="py-2 first:pt-0 last:pb-0 overflow-x-hidden">
                    <div class="flex items-center space-x-1">
                        {{ icon('hand', 'w-4 h-4 shrink-0') }}
                        {{ _self.dispositionData(disposition) }}
                    </div>
                </li>
            {% else %}
                <li class="py-2 first:pt-0 last:pb-0">
                    -
                </li>
            {% endfor %}
        </ul>
    </div>
    <div class="bg-gray-100 border border-gray-200 rounded-md px-4 py-2">
        <h2 class="font-bold text-lg pb-2">
            Ausstehende Feedbacks
        </h2>
        <ul class="divide-y divide-gray-200">
            {% for disposition in pendingFeedbacks %}
                {% set assignment = disposition.assignment %}
                <li class="py-2 first:pt-0 last:pb-0 overflow-x-hidden">
                    <a href="{{ path('app_administrative_feedback_provide', { 'uuid': disposition.uuid, 'r': return_url() }) }}"
                       class="flex items-center space-x-1">
                        {{ icon('feedback', 'w-4 h-4 shrink-0') }}
                        {{ _self.dispositionData(disposition) }}
                    </a>
                </li>
            {% else %}
                <li class="py-2 first:pt-0 last:pb-0">
                    -
                </li>
            {% endfor %}
        </ul>
    </div>
</div>
{% endblock %}