{% macro team_carousel(title, anchor, slides) %}
<section class="employees">
  {# Live's employees.html.twig renders the h2 directly, without an
     `.anchor` wrapper — keep that to match its vertical rhythm. #}
  <section class="section-title">
    <div class="container text-center">
      <h2>{{ title }}</h2>
      <span class="bordered-icon"><i class="fa fa-circle-thin"></i></span>
    </div>
  </section>

  <div class="container">
    <div id="employeesSlider" class="carousel slide" data-ride="carousel">
      <div class="carousel-inner" role="listbox">
        {%- for slide in slides %}
        <div class="item{% if loop.first %} active{% endif %}">
          <blockquote>
            <ul>
              <li><img src="/images/team/{{ slide.image }}" alt="{{ slide.name }}"></li>
              <li class="name">{{ slide.name }}</li>
            </ul>
            <p>{{ slide.description }}</p>
          </blockquote>
        </div>
        {%- endfor %}
      </div>
      <a class="left carousel-control" href="#employeesSlider" role="button" data-slide="prev">
        <span><i class="fa fa-angle-left"></i></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#employeesSlider" role="button" data-slide="next">
        <span><i class="fa fa-angle-right"></i></span>
        <span class="sr-only">Next</span>
      </a>
    </div>
  </div>
</section>
{% endmacro %}
