{% assign section_data = section | default: section_controls.testimonials %}
{% assign items = testimonials | default: testimonial_items %}
{% if items
  and items.size > 0
  or section_data.kicker
  or section_data.title
  or section_data.subtitle
%}
  <section
    class="{{ section.section_class | default: section_data.section_class | default: 'section surface-strip' }}"
    data-reveal
  >
    <div class="shell">
      <div class="section-head">
        {% if section_data.kicker or section_data.title %}
          <span class="eyebrow">{{ section_data.kicker | default: section_data.title }}</span>
        {% endif %}
        {% if section_data.subtitle or section_data.title %}
          <h2>{{ section_data.subtitle | default: section_data.title }}</h2>
        {% endif %}
      </div>
      <div
        class="testimonial-grid auto-slider {% if items.size > 1 %}is-animated{% else %}is-static{% endif %}"
        {% if section_data.columns > 0 %}
          style="--section-columns: {{ section_data.columns }};"
        {% endif %}
      >
        <div class="auto-slider-track">
          {% for item in items limit: section_data.count %}
            <article class="testimonial-card" data-reveal>
              <div class="quote-mark"><i class="fas fa-quote-left"></i></div>
              <p>{{ item.comment | default: item.description | strip_html }}</p>
              <div class="testimonial-meta">
                {% if item.image %}<img src="{{ item.image }}" alt="{{ item.name }}">{% endif %}
                <div>
                  <strong>{{ item.name }}</strong>
                  <span>{{ item.designation | default: 'Client Partner' }}</span>
                </div>
              </div>
            </article>
          {% endfor %}
        </div>
      </div>
    </div>
  </section>
{% endif %}