{% 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 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' %}
            {% if application is null %}
                <div class="pb-4">
                    Erfüllst du mehrere oder alle Voraussetzungen für diesen Einsatz?
                </div>
                <div class="pb-4">
                    <a href="{{ path('app_teamer_application_create', { 'uuid': assignment.uuid }) }}" class="btn">
                        Hier bewerben!
                    </a>
                </div>
            {% else %}
                <div class="pb-4">
                    Du hast dich am {{ application.createdAt|date('d.m.Y') }} auf diesen Einsatz beworben.
                </div>
                <div class="pb-4">
                    <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>
                </div>
            {% 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 %}
        </div>
    </div>
{% endblock %}