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

{% block title %}Stammdaten und Foto {{ teamer }}{% endblock %}

{% block content %}
    <div class="grid lg:grid-cols-3 gap-y-8 lg:gap-y-0 lg:gap-x-8">
        <div>
            {% if is_granted('ROLE_MANAGER') %}
                {{ knp_menu_render(knp_menu_get('manager_teamer', [], { 'return_url': returnUrl })) }}
            {% elseif is_granted('ROLE_ADMIN') %}
                {{ knp_menu_render(knp_menu_get('admin_teamer', [], { 'return_url': returnUrl })) }}
            {% endif %}

        </div>
        <div class="lg:col-span-2">
            <h1 class="text-2xl font-bold pb-8">
                Stammdaten und Foto {{ teamer }}
            </h1>
            <div class="grid grid-cols-2 gap-4">

                <div>
                    <h2 class="text-lg font-bold pb-2">
                        Persönliche Daten
                    </h2>
                    <div class="flex flex-col space-y-3">
                        <div>
                            <div class="font-bold">
                                Gender:
                            </div>
                            <div>
                                {{ teamer.gender }}
                            </div>
                        </div>
                        <div>
                            <div class="font-bold">
                                Titel:
                            </div>
                            <div>
                                {{ teamer.academicTitle|default('-') }}
                            </div>
                        </div>
                        <div>
                            <div class="font-bold">
                                Vorname:
                            </div>
                            <div>
                                {{ teamer.firstName }}
                            </div>
                        </div>
                        <div>
                            <div class="font-bold">
                                Nachname:
                            </div>
                            <div>
                                {{ teamer.lastName }}
                            </div>
                        </div>
                        <div>
                            <div class="font-bold">
                                Geburtsdatum:
                            </div>
                            <div>
                                {{ teamer.dateOfBirth|date('d.m.Y') }}
                            </div>
                        </div>
                        <div>
                            <div class="font-bold">
                                Staatsangehörigkeit:
                            </div>
                            <div>
                                {{ teamer.nationality|bpn_country_label('nationality') }}
                            </div>
                        </div>
                    </div>
                </div>

                <div>
                    {% if teamer.photo %}
                        <div class="pb-8">
                            <img src="{{ asset(teamer.photo | upload_filename_full | imagine_filter('profile')) }}"
                                 class="w-48 h-auto border-2 border-primary"
                                 alt="{{ teamer.firstName }}">
                        </div>
                    {% endif %}
                </div>

                <div>
                    <h2 class="text-lg font-bold pb-2">
                        Adressdaten
                    </h2>
                    <div class="flex flex-col space-y-3">
                        <div>
                            <div class="font-bold">
                                Straße, Hausnummer:
                            </div>
                            <div>
                                {{ teamer.address.street }}
                            </div>
                        </div>
                        <div>
                            <div class="font-bold">
                                PLZ:
                            </div>
                            <div>
                                {{ teamer.address.postCode }}
                            </div>
                        </div>
                        <div>
                            <div class="font-bold">
                                Ort:
                            </div>
                            <div>
                                {{ teamer.address.city }}
                            </div>
                        </div>
                        <div>
                            <div class="font-bold">
                                Land:
                            </div>
                            <div>
                                {{ teamer.address.country|bpn_country_label }}
                            </div>
                        </div>
                        <div>
                            <div class="font-bold">
                                E-Mail:
                            </div>
                            <div>
                                {{ teamer.communication.email|default('-') }}
                            </div>
                        </div>
                        <div>
                            <div class="font-bold">
                                Mobilnummer:
                            </div>
                            <div>
                                {{ teamer.communication.mobile|default('-') }}
                            </div>
                        </div>
                    </div>
                </div>

                <div>
                    <h2 class="text-lg font-bold pb-2">
                        Buszustiege
                    </h2>
                    <ul class="list-disc pl-4">
                        {% for pickup in teamer.pickups %}
                            <li>
                                {{ pickup|bpn_pickup_label }}
                            </li>
                        {% else %}
                            <li>
                                <span class="text-sm">Keine Daten</span>
                            </li>
                        {% endfor %}
                    </ul>
                </div>

                <div>
                    <h2 class="text-lg font-bold pb-2">
                        Honorardaten
                    </h2>
                    <div class="flex flex-col space-y-3">
                        <div>
                            <div class="font-bold">
                                Steuer-ID:
                            </div>
                            <div>
                                {{ teamer.taxId|default('-') }}
                            </div>
                        </div>
                        <div>
                            <div class="font-bold">
                                IBAN:
                            </div>
                            <div>
                                {{ teamer.bankAccount.iban|default('-') }}
                            </div>
                        </div>
                        <div>
                            <div class="font-bold">
                                BIC:
                            </div>
                            <div>
                                {{ teamer.bankAccount.bic|default('-') }}
                            </div>
                        </div>
                        <div>
                            <div class="font-bold">
                                Bank/Kreditinstitut:
                            </div>
                            <div>
                                {{ teamer.bankAccount.bank|default('-') }}
                            </div>
                        </div>
                        <div>
                            <div class="font-bold">
                                Krankenversicherung:
                            </div>
                            <div>
                                {{ teamer.healthInsuranceCompany|default('-') }}
                            </div>
                        </div>
                    </div>
                </div>

                <div>
                    <h2 class="text-lg font-bold pb-2">
                        Sonstiges
                    </h2>
                    <div class="flex flex-col space-y-3">
                        <div>
                            <div class="font-bold">
                                Sprache(n):
                            </div>
                            <div>
                                {{ teamer.language|default('-') }}
                            </div>
                        </div>
                        <div>
                            <div class="font-bold">
                                Klamottengröße:
                            </div>
                            <div>
                                {{ teamer.size|default('-') }}
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
{% endblock %}