{% assign cards = site.data.download.cards %}

{% for card in cards %}
<div class="mb-5">
  <h1>{{ card.name }}</h1>
  <p>{{ card.description }}</p>
  <ul class="nav nav-pills my-3 justify-content-start" id="pills-{{ card.page }}-tab" role="tablist">
    {% for release in card.releases %}
    <li class="nav-item" role="presentation">
      <button class="nav-link{% if forloop.first %} active{% endif %} fw-bold" id="pills-{{ card.page }}-release-{{ forloop.index }}-tab" data-bs-toggle="tab" data-bs-target="#pills-{{ card.page }}-release-{{ forloop.index }}" type="button" role="tab" aria-controls="pills-{{ forloop.index }}-release-{{ release[0] }}-tab" {% if forloop.first %} aria-selected="true" {% endif %}>{{ release[0] }}</button>
    </li>
    {% endfor %}
  </ul>

  <div class="tab-content mb-3" id="pills-{{ card.page }}-tabContent">
    {% for release in card.releases %}
    <div class="tab-pane fade {% if forloop.first %} show active{% endif %}" id="pills-{{ card.page }}-release-{{ forloop.index }}" role="tabpanel" aria-labelledby="pills-{{ card.page }}-release-{{ forloop.index }}-tab" tabindex="{{ forloop.index }}">
      {% for rows in release %}
      {% if rows.screenshots.size > 0 %}
      {% include download/cards-header-screenshot.html %}
      {% include download/cards-body-screenshot.html %}
      {% include download/cards-footer.html %}
      {% endif %}
      {% endfor %}


      {% include download/cards-header.html %}
      {% for rows in release %}
      {% for row in rows.downloads %}
      {% include download/cards-body.html %}
      {% endfor %}
      {% endfor %}
      {% include download/cards-footer.html %}

      {% include download/cards-header-doc.html %}
      {% include download/cards-body-doc.html %}
      {% include download/cards-footer.html %}

      {% include download/cards-header-eol.html %}
      {% for rows in release %}
      {% for row in rows.eol %}
      {% include download/cards-body-eol.html %}
      {% endfor %}
      {% endfor %}
      {% include download/cards-footer.html %}

      {% for rows in release %}
      {% for row in rows.convert %}
      {% include download/cards-header-convert.html %}
      {% include download/cards-body-convert.html %}
      {% include download/cards-footer.html %}
      {% endfor %}
      {% endfor %}
    </div>
    {% endfor %}
  </div>
</div>
{% endfor %}