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

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

{% block content %}
    <h1 class="text-2xl font-bold pb-8">
        Einsatzdetails
    </h1>
    <div class="grid lg:grid-cols-2 gap-8 items-start">
        <div class="bg-gray-100 rounded-md p-4">
            {% set assignment = disposition.assignment %}
            {% include '_partials/_assignment_info.html.twig' %}
        </div>
        <div>
            <h2 class="text-2xl font-bold pb-8">
                Dein Einsatz wurde bestätigt!
            </h2>
            <p class="pb-4">
                Dein Ansprechpartner für alle reisebezogenen Themen ist:
                <br>
                {{ assignment.contact }}, <a href="mailto:{{ assignment.contact.email }}" class="underline">{{ assignment.contact.email }}</a>
            </p>
            <h3 class="text-xl font-bold pb-4">
                Hier findest du deinen Honorarvertrag
            </h3>
            <div class="pb-4">
                <a href="{{ path('app_teamer_disposition_contract', { '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) }}
            <div class="pt-4">
                <a href="{{ returnUrl }}" class="underline">
                    zurück
                </a>
            </div>
        </div>
    </div>
{% endblock %}