{% block content %}
{# title #}
{% set title = pimcore_input('title', {
'placeholder': 'Titel'
}) %}
{# random #}
{% set random = random() %}
{% if editmode %}
<div class="editmode grid-x">
<div class="cell toggler-title">
<div data-toggle="settings-{{ random }}">Team</div>
</div>
<div class="cell toggler-content" id="settings-{{ random }}" data-toggler=".is-active">
<div class="toggler-content-panel">
<div class="grid-x grid-padding-x">
<div class="auto cell">
</div>
</div>
</div>
</div>
</div>
{% endif %}
<section class="section-content">
<div id="team" class="anchor"></div>
<div class="grid-container listing-team">
{% if editmode or title.data %}
<h2>
{{ title|raw }}
</h2>
{% endif %}
<div class="grid-x medium-up-2 large-up-3 grid-margin-x grid-margin-y align-stretch">
{% for person in team %}
<div class="cell team-item">
<div class="team-img">
{% if person.image %}
<img src="{{ person.image.thumbnail('800x500') }}" alt="{{ person.name }}" title="{{ person.name }}"/>
{% endif %}
</div>
<p class="team-detail">
{% if person.name %}
<strong>{{ person.name }}</strong>
{% endif %}
{% if person.title %}
<span>{{ person.title }}</span>
{% endif %}
{% if person.phone %}
<a href="tel:{{ person.phone|replace({' ': ''}) }}">{{ person.phone }}</span>
{% endif %}
{% if person.mail %}
<a href="mailto:{{ person.mail }}">{{ person.mail }}</a>
{% endif %}
</p>
</div>
{% endfor %}
</div>
</div>
</section>
{% endblock %}