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

{% block title %}Meine Verfügbarkeit{% endblock %}

{% block content %}
    <h1 class="text-2xl font-bold pb-4">
        Meine Vergfügbarkeit
    </h1>
    <p class="pb-8">
        Hier kannst du angeben, wann du allgemein Zeit und Lust hättest, Einsätze zu absolvieren. Wenn wir in diesem
        Zeitraum einen Einsatz zu vergeben haben, dann nehmen wir telefonisch oder per E-Mail Kontakt zu dir auf.
    </p>

    <h2 class="text-xl font-bold pb-2">
        Ich bin verfügbar
    </h2>
    <ul class="list-disc pl-4 pb-8">
        {% for availability in availabilities %}
            <li>
                {{ availability.dateFrom|date('d.m.Y') }} - {{ availability.dateTo|date('d.m.Y') }}
            </li>
        {% else %}
            <li class="text-sm">
                Du hast bisher keine Verfügbarkeiten hinterlegt.
            </li>
        {% endfor %}
    </ul>

    <h2 class="text-xl font-bold pb-2">
        Weitere Verfügbarkeiten
    </h2>
    {{ form_start(form) }}
    {{ form_row(form.availabilities) }}
    <button type="submit" class="btn">
        Aktualisieren
    </button>
    {{ form_rest(form) }}
    {{ form_end(form) }}
{% endblock %}