{% extends 'base.html.twig' %}

{% block body %}
    <div class="content">
        <div class="container">
            <div class="row">
                <div class="col-xl-2">
                    {% if person.personUploadGroups|length > 0 %}
                        {% if person.personUploadGroups[0].UploadGroup.upload|length > 0 %}
                            <img alt="Member photo" src="{{  asset(person.personUploadGroups[0].UploadGroup.upload[0].path) }}" class="mt-10 member__photo member__photo-detail">
                        {% else %}
                            <img alt="Member photo" src="{{ asset("/build/img/person.png") }}" class="mt-10 member__photo member__photo-detail">
                        {% endif %}
                    {% else %}
                        <img alt="Member photo" src="{{ asset("/build/img/person.png") }}" class="mt-10 member__photo member__photo-detail">
                    {% endif %}
                </div>
                <div class="col-xl-10">
                    <h1 class="main-title mt-10 mb-5">{{ person.titleBefore }} {{ person.name }} {{ person.surname }}{% if person.titleAfter %}, {% endif %}{{ person.titleAfter }}</h1>

                    <div class="box-sharp">

                        <div class="box-sharp-inner">
                            <div>
                                {% if person.email != "" %}
                                    <p class="mb-3">
                                        <strong>{% trans %}email{% endtrans %}: </strong><a href="mailto:{{person.email}}">{{person.email}}</a>
                                    </p>
                                {% endif %}
                                {% if person.phone != "" %}
                                    <p class="mb-3">
                                        <strong>{% trans %}telefon{% endtrans %}: </strong><a href="tel:{{person.phone}}">{{ person.phone }}</a>
                                    </p>
                                {% endif %}
                                {% if person.room != "" %}
                                    <p class="mb-3">
                                        <strong> {% trans %}mistnost{% endtrans %}: </strong>{{ person.room }}
                                    </p>
                                {% endif %}
                            </div>

                            <div class="box-sharp__contact-btns">
                                {% if get_person_academia_link(person) != "" %}
                                    <a href="{{ get_person_academia_link(person) }}" class="btn btn-outline btn-icon">
                                        <span>ACADEMIA.EDU</span>
                                        <svg class="btn-icon__arrow-right">
                                            <use href="{{ asset("/build/svg/_btn-icons.svg#arrowRight") }}"></use>
                                        </svg>
                                    </a>
                                {% endif %}
                                {% if get_person_orcid_link(person) != "" %}
                                    <a href="{{ get_person_orcid_link(person) }}" class="btn btn-outline btn-icon">
                                        <span>ORCID</span>
                                        <svg class="btn-icon__arrow-right">
                                            <use href="{{ asset("/build/svg/_btn-icons.svg#arrowRight") }}"></use>
                                        </svg>
                                    </a>
                                {% endif %}
                            </div>
                        </div>
                    </div>
                    {% if get_person_departments(person)|length > 0 or get_person_teams(person)|length > 0 %}
                        <div class="mt-7">
                            <div class="columns-wrapper">
                                <div class="column d-none">
                                    <h3>{% trans %}specializace{% endtrans %}</h3>
                                    <ul class="d-none">
                                        <li>T. G. Masaryk</li>
                                        <li>{% trans %}dejiny.poroce{% endtrans %}</li>
                                    </ul>
                                </div>
                                {% if get_person_departments(person)|length > 0 %}
                                    <div class="column">
                                        <h3>{% trans %}oddeleni{% endtrans %}</h3>
                                        <ul>
                                            {% for categoryPerson in get_person_departments(person)  %}
                                                <li>
                                                    <a href="{{ path('web_get_page', {slug: categoryPerson.category.slug}) }}" class="link">{{ categoryPerson.category.name }}</a>
                                                </li>
                                            {% endfor %}
                                        </ul>
                                    </div>
                                {% endif %}
                                <div class="column d-none">
                                    <h3>{% trans %}projekty{% endtrans %}</h3>
                                    <ul class="d-none">
                                        <li><a href="#" class="link">{% trans %}interpretace.vcasopisech{% endtrans %}</a></li>
                                    </ul>
                                </div>
                                {% if get_person_teams(person)|length > 0 %}
                                    <div class="column">
                                        <h3>{% trans %}tymy{% endtrans %} </h3>
                                        <ul class>
                                            {% for categoryPerson in get_person_teams(person)  %}
                                                <li>
                                                    <a href="{{ path('web_get_page', {slug: categoryPerson.category.slug}) }}" class="link">{{ categoryPerson.category.name }}</a>
                                                </li>
                                            {% endfor %}
                                        </ul>
                                        {# <a class="column__link" href="#" target="_blank">
                                            <div class="column__link-icon">+</div>
                                            <div class="column__link-title">zobrazit další</div>
                                        </a> #}
                                    </div>
                                {% endif %}
                            </div>
                        </div>
                    {% endif %}
                    <section>
                        {{ person.description|raw }}
                    </section>
                </div>
            </div>
        </div>
    </div>
{% endblock %}