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

{% block title %}Einsatzdetails{% endblock %}

{% block content %}
    {% set assignment = disposition.assignment %}
    <h1 class="text-2xl font-bold pb-8">
        Dein Einsatz wurde bestätigt!
    </h1>
    <div class="grid lg:grid-cols-2 gap-8 items-start">
        <div>
            {% include '_partials/_assignment_info.html.twig' with {
                'additional': [
                    {
                        'type': 'Ansprechpartner',
                        'description': 'Für alle reisebezogenen Themen wende dich bitte an ' ~ assignment.contact ~ ' (<a href="mailto:' ~ assignment.contact.email ~'" class="underline">' ~ assignment.contact.email ~ '</a>)'
                    },
                    {
                        'type': 'Kalendereintrag',
                        'description': '<a href="' ~ path('app_teamer_disposition_ics', { 'uuid': disposition.uuid }) ~ '" title="In den Kalender eintragen" class="underline">Hier klicken</a>'
                    }
                ]
            } %}
        </div>
        <div>
            {% if disposition.assignment.documents|length %}
                <h2 class="text-lg font-bold">
                    Dokumente
                </h2>
                <ul class="pb-4 divide-y divide-gray-200">
                    {% for document in disposition.assignment.documents %}
                        <li class="py-2">
                            <a href="{{ path('app_common_download', { 'uuid': document.uuid }) }}"
                               target="_blank"
                               title="Download {{ document }}"
                               class="group">
                                <div class="flex items-center justify-between">
                                    <span class="flex-1">{{ document }}</span>
                                    {{ icon('download', 'w-4 h-4 duration-200 group-hover:scale-125') }}
                                </div>
                            </a>
                        </li>
                    {% endfor %}
                </ul>
            {% endif %}
            {# Upload contract #}
            {% if workflow_has_marked_place(disposition, 'new') %}
                <h2 class="text-lg font-bold pb-4">
                    Honorarvertrag
                </h2>
                {% if workflow_can(disposition, 'upload_contract') %}
                    <div class="pb-4">
                        <a href="{{ path('app_teamer_disposition_contractpdf', { 'uuid': disposition.uuid }) }}" target="_blank" class="inline-block">
                            <img src="{{ asset('build/images/contract_thumb.jpg') }}" alt="Honorarvertrag" class="block w-32 h-auto shadow-md">
                        </a>
                    </div>
                    <p class="pb-4">
                        Bitte lade ihn unterschrieben hier wieder hoch:
                    </p>
                    {{ form_start(form) }}
                    <div class="pb-4">
                        {% include '_partials/_upload_collection_form.html.twig' with {
                            'endpoint_upload': path('_uploader_upload_contract'),
                            'accepted_files': 'image/jpg,image/jpeg,application/pdf',
                        } %}
                    </div>
                    <button type="submit" class="btn">
                        Aktualisieren
                    </button>
                    {{ form_rest(form) }}
                    {{ form_end(form) }}
                {% else %}
                    {% for blocker in workflow_transition_blockers(disposition, 'upload_contract') %}
                        {% include '_partials/_infobox.html.twig' with { 'message': blocker.message } %}
                    {% endfor %}
                {% endif %}
            {% endif %}

            {# Upload invoice #}
            {% if workflow_has_marked_place(disposition, 'confirmed') %}
                <h2 class="text-lg font-bold pb-4">
                    Honorarnote
                </h2>
                {% if workflow_can(disposition, 'upload_invoice') %}
                    <div class="pb-4">
                        <a href="{{ path('app_teamer_disposition_invoicepdf', { 'uuid': disposition.uuid }) }}" target="_blank" class="inline-block">
                            <img src="{{ asset('build/images/invoice_thumb.jpg') }}" alt="Honorarnote" class="block w-32 h-auto shadow-md">
                        </a>
                    </div>
                    <p class="pb-4">
                        Bitte lade sie ausgefüllt und unterschrieben hier wieder hoch:
                    </p>
                    {{ form_start(form) }}
                    <div class="pb-4">
                        {% include '_partials/_upload_collection_form.html.twig' with {
                            'endpoint_upload': path('_uploader_upload_invoice'),
                            'accepted_files': 'image/jpg,image/jpeg,application/pdf',
                        } %}
                    </div>
                    <button type="submit" class="btn">
                        Aktualisieren
                    </button>
                    {{ form_rest(form) }}
                    {{ form_end(form) }}
                {% else %}
                    {% for blocker in workflow_transition_blockers(disposition, 'upload_invoice') %}
                        {% include '_partials/_infobox.html.twig' with { 'message': blocker.message } %}
                    {% endfor %}
                {% endif %}
            {% endif %}

            {# Contract uploaded #}
            {% if workflow_has_marked_place(disposition, 'checking_contract') %}
                <h3 class="text-xl font-bold pb-4">
                    Danke für den Upload des Honorarvertrags
                </h3>
                <div class="pb-4">
                    Wir prüfen das Dokument schnellstmöglich.
                </div>
            {% endif %}

            {# Invoice uploaded #}
            {% if workflow_has_marked_place(disposition, 'checking_invoice') %}
                <h3 class="text-xl font-bold pb-4">
                    Danke für den Upload der Honorarnote
                </h3>
                <div class="pb-4">
                    Wir prüfen das Dokument schnellstmöglich.
                </div>
            {% endif %}

            {# Invoice paid #}
            {% if workflow_has_marked_place(disposition, 'paid') %}
                <h3 class="text-xl font-bold pb-4">
                    Dein Honorar wurde überwiesen
                </h3>
            {% endif %}

            {# No invoice required #}
            {% if workflow_has_marked_place(disposition, 'completed') %}
                <h3 class="text-xl font-bold pb-4">
                    Dein Einsatz ist abgeschlossen
                </h3>
            {% endif %}

            <div class="pt-4">
                <a href="{{ returnUrl }}" class="underline">
                    zurück
                </a>
            </div>
        </div>
    </div>
{% endblock %}