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

{% block title %}Einsatzübersicht{% endblock %}

{% block content %}
    <h1 class="text-2xl font-bold pb-8">
        Einsatzübersicht
    </h1>
    <div class="grid lg:grid-cols-2 gap-8 items-start">
        <div class="bg-gray-100 rounded-md p-4">
            {% include '_partials/_assignment_info.html.twig' %}
        </div>
        <div>
            <h2 class="text-xl font-bold pb-2">
                Voraussetzungen für diesen Einsatz
            </h2>
            {% include '_partials/_assignment_requirements_info.html.twig' %}
            <div class="flex flex-col items-start space-y-4">
                {% if disposition is not null %}
                    <div>
                        Du wurdest am {{ disposition.createdAt|date('d.m.Y') }} für diesen Einsatz eingeteilt.
                    </div>
                {% elseif application is not null %}
                    <div>
                        Du hast dich am {{ application.createdAt|date('d.m.Y') }} auf diesen Einsatz beworben.
                    </div>
                    <button type="button"
                            class="btn btn--secondary"
                            title="Bewerbung zurückziehen"
                            {{ stimulus_controller('modal-button', [], [], {'confirmation-modal': '#confirmation-modal'}) }}
                            {{ stimulus_action('modal-button', 'confirmation', null, {
                                'title': 'Bist du sicher?',
                                'content': 'Möchtest du die Bewerbing wirklich zurückziehen?',
                                'target-url': path('app_teamer_application_delete', { 'uuid': application.uuid })
                            }) }}>
                        Bewerbung zurückziehen
                    </button>
                {% else %}
                    <div>
                        Erfüllst du mehrere oder alle Voraussetzungen für diesen Einsatz?
                    </div>
                    <a href="{{ path('app_teamer_application_create', { 'uuid': assignment.uuid }) }}" class="btn">
                        Hier bewerben!
                    </a>
                {% endif %}
                {% if not isBookmarked %}
                    <a href="{{ path('app_teamer_bookmark_toggle', { 'uuid': assignment.uuid, 'r': return_url() }) }}" class="underline">
                        auf die Merkliste setzen
                    </a>
                {% endif %}
                <a href="{{ returnUrl }}" class="underline">
                    zurück
                </a>
            </div>
        </div>
    </div>
{% endblock %}