myep-team/templates/administrative/season_assignment/detail.html.twig

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

{% block title %}Saisoneinsatz{% endblock %}

{% block content %}
    <div class="flex items-start justify-between pb-4">
        <h1 class="text-2xl font-bold">
            Saisoneinsatz
            <span class="block text-base font-normal text-gray-500">
                {{ seasonAssignment | season_assignment_label }}
            </span>
        </h1>
        <div class="flex flex-col items-end space-y-2 md:flex-row md:items-center md:space-x-2 md:space-y-0">
            <a href="{{ path('app_administrative_season_assignment_edit', { 'uuid': seasonAssignment.uuid, 'r': return_url() }) }}" class="btn btn--small">
                bearbeiten
            </a>
            <a href="{{ returnUrl }}" class="btn btn--small btn--secondary">
                zurück
            </a>
        </div>
    </div>

    {% set teamer = seasonAssignment.teamer %}

    <div class="flex flex-col lg:flex-row lg:space-x-8">
        <div class="flex-1 grid lg:grid-cols-2 gap-x-8 gap-y-4 pb-8">
            <div>
                <h4 class="font-bold pb-2">Teamer:in</h4>
                {% if teamer is not null %}
                    <ul class="space-y-2">
                        <li>
                            <a href="{{ path('app_administrative_teamer_profile', { 'uuid': teamer.uuid, 'r': return_url() }) }}">
                                {{ teamer }}
                            </a>
                        </li>
                        {% if teamer.communication.email %}
                            <li>
                                <a href="mailto:{{ teamer.communication.email }}" class="flex items-center space-x-2">
                                    {{ icon('mail', 'w-4 h-4') }}
                                    <span class="underline">{{ teamer.communication.email }}</span>
                                </a>
                            </li>
                        {% endif %}
                        {% if teamer.communication.mobile %}
                            <li>
                                <a href="tel:{{ teamer.communication.mobile }}" class="flex items-center space-x-2">
                                    {{ icon('phone', 'w-4 h-4') }}
                                    <span class="underline">{{ teamer.communication.mobile }}</span>
                                </a>
                            </li>
                        {% endif %}
                    </ul>
                {% else %}
                    <span class="text-gray-500">noch nicht zugewiesen</span>
                {% endif %}
            </div>
            <ul class="space-y-4">
                <li>
                    <h4 class="font-bold pb-2">Jobprofil</h4>
                    {{ seasonAssignment.jobProfile.name }}
                </li>
                <li>
                    <h4 class="font-bold pb-2">Haus</h4>
                    {{ seasonAssignment.hotelCode | house_label }}
                </li>
                <li>
                    <h4 class="font-bold pb-2">Zeitraum</h4>
                    {{ seasonAssignment.dateFrom | date('d.m.Y') }} - {{ seasonAssignment.dateTo | date('d.m.Y') }}
                </li>
            </ul>
        </div>
        {% if teamer is not null and teamer.photo is not null %}
            <a href="{{ path('app_administrative_teamer_profile', { 'uuid': teamer.uuid, 'r': return_url() }) }}">
                <img src="{{ asset(teamer.photo | upload_filename_full | imagine_filter('profile')) }}"
                     class="w-48 h-auto border-2 border-primary"
                     alt="{{ teamer.firstName }}">
            </a>
        {% endif %}
    </div>

    <div class="pb-8">
        <h2 class="text-xl font-bold pb-2">
            Checkliste
        </h2>
        {% include 'administrative/season_assignment/_checklist.html.twig' %}
    </div>

    <div class="pb-8">
        <div class="flex items-center justify-between pb-2">
            <h2 class="text-xl font-bold pb-2">
                Dokumente
            </h2>
            <button type="button"
                    class="btn btn--small"
                    hx-get="{{ path('app_administrative_season_assignment_document_upload', { 'uuid': seasonAssignment.uuid, 'r': return_url() }) }}"
                    hx-target="body"
                    hx-swap="beforeend">
                hochladen
            </button>
        </div>
        {% if seasonAssignment.documents | length > 0 %}
            <ul class="divide-y divide-gray-200">
                {% for document in seasonAssignment.documents %}
                    <li class="flex items-center justify-between py-2">
                        <div>
                            <a href="{{ path('app_common_download', { 'uuid': document.uuid }) }}" class="underline">
                                {{ document.originalFilename }}
                            </a>
                            <div class="text-sm text-gray-500">
                                {{ document.typeLabel }}, hochgeladen am {{ document.createdAt | date('d.m.Y') }}
                            </div>
                        </div>
                        <button type="button"
                                class="text-sm text-red-500"
                                hx-get="{{ path('app_administrative_season_assignment_document_delete', { 'uuid': document.uuid, 'r': return_url() }) }}"
                                hx-target="body"
                                hx-swap="beforeend">
                            löschen
                        </button>
                    </li>
                {% endfor %}
            </ul>
        {% else %}
            <div class="text-gray-500">keine Dokumente vorhanden</div>
        {% endif %}
    </div>

    <div class="pb-8">
        <h4 class="font-bold pb-2">Anmerkungen intern</h4>
        {% if seasonAssignment.remarks is not empty %}
            <div class="whitespace-pre-line">{{ seasonAssignment.remarks }}</div>
        {% else %}
            <div class="text-gray-500">-</div>
        {% endif %}
    </div>
{% endblock %}