{% 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 %}
    <div class="max-w-screen-md mx-auto">
        <h1 class="text-2xl font-bold pb-8">
            Kontakt
        </h1>
        <p class="pb-4">
            Hast du allgemeine Fragen zum Team-Sein bei E&amp;P Reisen, zur Benutzung von MyE&amp;P Team, zur Abrechnung
            oder Ähnlichem?  Dann schau mal in den FAQs nach, ob deine Frage dort beantwortet wird.
        </p>
        <p class="pb-4">
            Ansonsten melde dich gerne beim Team Personalplanung!
        </p>
        {{ _self.contacts(generalContacts, 'team@ep-reisen.de') }}
        <p class="pb-4">
            Hast du Fragen zu deinem nächsten Einsatz in einer konkreten Destination? Dann melde dich gerne bei dem
            zuständigen Büromitarbeitenden.
        </p>
        {{ _self.contacts(destinationContacts) }}
    </div>
{% endblock %}