{% if histories %}

  <div class="return-history-timeline">

    {% for history in histories %}
      <article class="return-history-entry">

        <span class="return-history-marker">
          <i class="bi bi-check2"></i>
        </span>

        <div class="return-history-entry-card">

          <div class="return-history-entry-top">
            <span class="return-history-status">
              <i class="bi bi-circle-fill"></i>
              {{ history.status }}
            </span>

            <time>
              <i class="bi bi-calendar3"></i>
              {{ history.date_added }}
            </time>
          </div>

          <div class="return-history-comment">
            {% if history.comment %}
              {{ history.comment }}
            {% else %}
              <span class="return-history-no-comment">No additional comment.</span>
            {% endif %}
          </div>

        </div>

      </article>
    {% endfor %}

  </div>

{% else %}

  <div class="return-history-empty">
    <span>
      <i class="bi bi-clock-history"></i>
    </span>

    <h3>No Return History Available</h3>
    <p>{{ text_no_results }}</p>
  </div>

{% endif %}

<div class="return-history-pagination">
  <div>{{ pagination }}</div>
  <div class="return-history-results">{{ results }}</div>
</div>