{% load ev_tags %}
{% if testimonials %}
<section class="section section--reviews">
  <div class="wrap">
    <header class="sec-head">
      <span class="eyebrow">Reviews</span>
      <h2 class="sec-title">What Our <em class="t-orange">Riders</em> Say</h2>
    </header>
    <div class="grid grid--3">
      {% for t in testimonials %}
      <article class="review">
        <div class="review__stars" aria-label="{{ t.rating }} out of 5 stars">{% for i in "12345" %}<span class="{% if forloop.counter <= t.rating %}on{% endif %}">{% icon "star" 18 %}</span>{% endfor %}</div>
        <p>“{{ t.review }}”</p>
        <footer>
          {% if t.photo %}<img src="{{ t.photo.url }}" alt="" class="review__ava">{% else %}<span class="review__ava review__ava--txt">{{ t.initials }}</span>{% endif %}
          <span><b>{{ t.name }}</b><small>{{ t.location }}{% if t.ev_model %} · {{ t.ev_model.name }}{% endif %}</small></span>
        </footer>
      </article>
      {% endfor %}
    </div>
  </div>
</section>
{% endif %}