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

{% block title %}
  Select a release of {{ project.display_name }} ~ ATR
{% endblock title %}

{% block content %}
  <p class="atr-breadcrumbs">
    <a href="{{ as_url(routes.projects.select) }}" class="atr-back-link">Select a project</a>
    <span>→</span> Select an {{ project.display_name }} release
  </p>

  <h1>Select a release</h1>

  {% if releases %}
    <p>
      Releases of <strong>{{ project.display_name }}</strong>:
    </p>
  {% else %}
    <p>
      There are no releases of <strong>{{ project.display_name }}</strong>.
    </p>
  {% endif %}

  <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4">
    {% if releases %}

      {% for release in releases %}
        {% set phase = release.phase.value %}
        {% set target_url = None %}
        {# TODO: Use mappings.py #}
        {% if phase == "release_candidate_draft" %}
          {% set target_url = as_url(routes.compose.selected, project_name=project.name, version_name=release.version) %}
          {% set badge_class = "bg-primary" %}
        {% elif phase == "release_candidate" %}
          {% set target_url = as_url(routes.vote.selected, project_name=project.name, version_name=release.version) %}
          {% set badge_class = "bg-warning text-dark" %}
        {% elif phase == "release_preview" %}
          {% set target_url = as_url(routes.announce.selected, project_name=project.name, version_name=release.version) %}
          {% set badge_class = "bg-success" %}
        {% endif %}

        {% if target_url %}
          <div class="col">
            <a href="{{ target_url }}" class="text-decoration-none">
              <div class="card h-100 shadow-sm atr-cursor-pointer">
                <div class="card-body position-relative">
                  <div class="position-absolute top-0 end-0 p-2"></div>
                  <h3 class="card-title fs-2 my-3">{{ release.version }}</h3>
                  <p class="card-text text-muted small">Created on {{ format_datetime(release.created)[:10] }}</p>
                  <p class="mt-3">
                    <span class="badge {{ badge_class }}">{{ phase|replace('_', ' ') |title }}</span>
                  </p>
                </div>
              </div>
            </a>
          </div>
        {% endif %}
      {% endfor %}
    {% else %}
    {% endif %}
  </div>

{% endblock content %}