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

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

{% macro infobox(message) %}
    <div class="flex items-start space-x-4 bg-primary text-white p-4 rounded-md">
        {{ icon('info', 'w-6 h-6 shrink-0') }}
        <span>{{ message }}</span>
    </div>
{% endmacro %}

{% block content %}
    {% set assignment = disposition.assignment %}
    <h1 class="text-2xl font-bold pb-8">
        Einsatzdetails
    </h1>
    <div class="grid lg:grid-cols-2 gap-8 items-start">
        <div>
            <h2 class="text-xl font-bold pb-4">
                Dein Einsatz wurde bestätigt!
            </h2>
            <div class="pb-2">
                Dein Ansprechpartner für alle reisebezogenen Themen ist:
            </div>
            <div class="pb-4">
                <strong>{{ assignment.contact }}</strong>, <a href="mailto:{{ assignment.contact.email }}" class="underline">{{ assignment.contact.email }}</a>
            </div>
            <div class="pb-4">
                <a href="{{ path('app_teamer_disposition_ics', { 'uuid': disposition.uuid }) }}"
                   title="In den Kalender eintragen"
                   class="group">
                    <div class="flex items-center justify-between">
                        <span class="flex-1">Klicke hier, um den Einsatz in deinen Kalender einzutragen</span>
                        {{ icon('calendar', 'w-4 h-4 duration-200 group-hover:scale-125') }}
                    </div>
                </a>
            </div>
            {% if disposition.assignment.documents|length %}
                <h3 class="text-lg font-bold">
                    Dokumente
                </h3>
                <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 %}
            <div class="bg-gray-100 rounded-md p-4">
                {% include '_partials/_assignment_info.html.twig' %}
            </div>
        </div>
        <div>
            {# Upload contract #}
            {% if workflow_has_marked_place(disposition, 'new') %}
                <h3 class="text-xl font-bold pb-4">
                    Honorarvertrag
                </h3>
                {% 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') %}
                        {{ _self.infobox(blocker.message) }}
                    {% endfor %}
                {% endif %}
            {% endif %}

            {# Upload invoice #}
            {% if workflow_has_marked_place(disposition, 'confirmed') %}
                <h3 class="text-xl font-bold pb-4">
                    Honorarnote
                </h3>
                {% 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') %}
                        {{ _self.infobox(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 %}