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

{% block title %}Kontakt{% endblock %}

{% macro contacts(contacts, email) %}
    <div class="pb-8">
        <div class="flex justify-center">
            <div class="flex flex-wrap items-center">
                {% for contact in contacts %}
                    <div class="flex flex-col items-center space-y-2 px-8 py-4">
                        {% if contact.photo %}
                            <img src="{{ asset(contact.photo.filename | imagine_filter('profile')) }}"
                                 class="w-32 h-auto border-2 border-primary rounded-full"
                                 alt="{{ contact.name }}">
                        {% endif %}
                        <div class="font-bold">
                            {{ contact.name }}
                        </div>
                        {% if contact.destination %}
                            <div>
                                {{ contact.destination }}
                            </div>
                            <div>
                                <a href="mailto:{{ contact.email }}" class="underline">{{ contact.email }}</a>
                            </div>
                        {% endif %}
                    </div>
                {% endfor %}
            </div>
        </div>
        {% if email %}
            <div class="text-center">
                <a href="mailto:{{ email }}" class="text-lg fobt-bold underline">{{ email }}</a>
            </div>
        {% endif %}
    </div>
{% endmacro %}

{% block content %}
    <h1 class="text-2xl font-bold pb-8">
        Kontakt
    </h1>
    <p class="pb-4">
        Hast du allgemeine Fragen zum Teamer-sein bei E&amp;P Reisen, zur Benutzung von MyE&amp;P Team, zur Abrechnung
        oder Sonstigem? Hast du schon geschaut, ob deine Frage in den FAQs beantwortet wird?
    </p>
    <p>
        Dann melde dich gerne beim Team Personalplanung!
    </p>
    {{ _self.contacts(generalContacts, 'team@ep-reisen.de') }}
    <p>
        Hast du Fragen zu deinem nächsten Einsatz in einer konkreten Destination? Dann melde dich gerne bei der*dem
        zuständigen Reisemanager*in!
    </p>
    {{ _self.contacts(destinationContacts) }}
{% endblock %}