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

{% block title %}Bewerbung{% endblock %}

{% block content %}
    <h1 class="text-2xl font-bold pb-8">
        Bewerbung
    </h1>
    <div class="grid grid-cols-2 gap-8 items-start">
        <div class="grid grid-cols-2 gap-x-4 gap-y-3 bg-gray-100 rounded-md p-4">
            <div class="font-bold text-xl">
                Jobprofil
            </div>
            <div class="font-bold text-xl">
                {{ assignment.jobProfile.name }}
            </div>
            <div>
                Destination
            </div>
            <div>
                {{ assignment.destination.product }}
                <br>
                {{ assignment.destination.hotel }}
            </div>
            <div>
                Einsatztermin
            </div>
            <div>
                {{ assignment.totalPeriod.start|date('d.m.Y') }} - {{ assignment.totalPeriod.end|date('d.m.Y') }}
            </div>
            {% if assignment.pickup and assignment.pickupDate %}
                <div>
                    Busabfahrt
                </div>
                <div>
                    {{ assignment.pickupDate|date('d.m.Y') }}
                </div>
                <div>
                    Busbegleitung
                </div>
                <div>
                    ab {{ assignment.pickup|bpn_pickup_label }}
                </div>
            {% endif %}
            <div>
                Du bekommst
            </div>
            <div>
                {{ assignment.benefits|nl2list }}
            </div>
            <div>
                Honorar
            </div>
            <div>
                {% for fee in assignment.fees %}
                {{ fee.name }} {{ fee.value|format_money }}
                {% endfor %}
            </div>
        </div>
        <div>
            <h2 class="text-xl font-bold pb-2">
                Voraussetzungen für diesen Einsatz
            </h2>
            <ul class="list-disc pl-4 pb-4">
                {% if assignment.pickup and assignment.pickupDate %}
                    <li>
                        <div class="flex items-center space-x-2">
                            <span>Busbegleitung ab {{ assignment.pickup|bpn_pickup_label }} am {{ assignment.pickupDate|date('d.m.Y') }}</span>
                            {% if teamer.hasPickup(assignment.pickup) %}
                                {{ icon('check', 'w-5 h-5 text-emerald-500') }}
                            {% else %}
                                {{ icon('close', 'w-5 h-5 text-red-500') }}
                            {% endif %}
                        </div>
                    </li>
                {% endif %}
                {% for training in assignment.jobProfile.requiredTrainings %}
                    <li>
                        <div class="flex items-center space-x-2">
                            <span>{{ training.name }} absolviert</span>
                            {% if teamer.trainingAttendance(training) %}
                                {{ icon('check', 'w-5 h-5 text-emerald-500') }}
                            {% else %}
                                {{ icon('close', 'w-5 h-5 text-red-500') }}
                            {% endif %}
                        </div>
                    </li>
                {% endfor %}
            </ul>
            {{ form_start(form) }}
            {% if form.confirmPickup is defined %}
                {{ form_row(form.confirmPickup) }}
            {% endif %}
            <button type="submit" class="btn">
                Bewerbung einreichen
            </button>
            {{ form_rest(form) }}
            {{ form_end(form) }}
        </div>
    </div>
{% endblock %}