{% from 'utils.html.twig' import ico %}
{% set sliderLabel = "slider-teachers-#{layout}" %}
{% if layout == 'home' %}
{% set sliderLabel = "#{sliderLabel}-#{theme}" %}
{% endif %}
{% if teacherSection.teachers|length > 0 %}
<section id="sec-instructors" class="pag-sec {% if section is defined and section.background %} sec-bg-alt {% endif %} professores-destaque">
{% if layout == 'home' %}<div class="container">{% endif %}
<header class="tit-sec {{ teacherSection.isCenterTitle? 'tx-centro' }}">
<h2>{{ teacherSection.title }}</h2>
{% if teacherSection.showSubtitle %}
<span class="sub">{{ teacherSection.subtitle }}</span>
{% endif %}
</header>
<div class="slider-wid">
<div class="professores-contem--{{ layout }}">
{# SLIDERS #}
<div class="professores-contem-slider--{{ layout }}">
<div id="teacher-slider" class="professores-slider js--slider" data-slider-options-label="{{ sliderLabel }}">
{% set teachers = teacherSection.teachers %}
{# DARK #}
{% if layout == 'home' and isDarkTheme %}
{% include 'website/teacher/teacher-item-section-dark.html.twig' %}
{# LIGHT #}
{% else %}
{% include 'website/teacher/teacher-item-section.html.twig' with {layout: 'slider'} %}
{% endif %}
</div>
</div>
{# VER TODOS #}
{% if theme == 'light' and teacherSection.showBtnToAll %}
<div class="box-link">
<a href="{{ path('teachers') }}" class="link-todos">
<span>{{ getLanguage('see_all_masc', 'home') }}<i class="material-icons">arrow_forward</i></span>
</a>
</div>
{% endif %}
</div>
{# SLIDER ARROWS #}
{% include 'website/includes/seta-banner.html.twig' with { id: 'teacher-slider' } %}
</div>{# -/ .slider-wid #}
{% if layout == 'home' %}</div>{% endif %}
</section>
{% endif %}