{% extends "layouts/base.html" %}

{% block title %}
  Releases of {{ project.display_name }} ~ ATR
{% endblock title %}

{% block description %}
  All of the finished releases of {{ project.display_name }} on ATR.
{% endblock description %}

{% block content %}
  <p>
    <a href="{{ as_url(routes.root.index) }}" class="atr-back-link">← Back to Select a release</a>
  </p>

  <h1>Releases of {{ project.display_name }}</h1>

  {% if releases %}
    <p class="mb-4">The following releases have been published for this project.</p>
    <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4">
      {% for release in releases %}
        <div class="col">
          <div class="card h-100 shadow-sm">
            <div class="card-body d-flex flex-column">
              <strong class="card-title fs-5">{{ release.version }}</strong>
              <p class="card-text text-muted">Released on {{ format_datetime(release.created) }}</p>
              <div class="mt-auto">
                <a href="{{ as_url(routes.download.all_selected, project_name=release.project.name, version_name=release.version) }}"
                   class="btn btn-outline-primary w-100 mb-2">
                  <i class="bi bi-download me-1"></i> Download files
                </a>
                <a href="{{ as_url(routes.release.view, project_name=release.project.name, version_name=release.version) }}"
                   class="btn btn-outline-secondary w-100">
                  <i class="bi bi-folder2-open me-1"></i> View files
                </a>
              </div>
            </div>
          </div>
        </div>
      {% endfor %}
    </div>
  {% else %}
    <div class="alert alert-info mt-4" role="alert">
      <i class="bi bi-info-circle me-2"></i> There are no completed releases recorded for {{ project.display_name }}.
    </div>
  {% endif %}
{% endblock content %}