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

{% block title %}
  {{ release.project.display_name }} {{ version_name }} ~ ATR
{% endblock title %}

{% block description %}
  Review page for the {{ release.project.display_name }} {{ version_name }} candidate.
{% endblock description %}

{% import 'macros/dialog.html' as dialog %}

{% block stylesheets %}
  {{ super() }}
  <style>
      .page-table-striped-odd {
          background-color: #eeeeee;
      }

      .page-icon-cell {
          width: 2em;
          text-align: center;
      }

      table tr {
          border-bottom: none;
      }
  </style>
{% endblock stylesheets %}

{% block content %}
  {% set phase = release.phase.value %}
  <p class="d-flex justify-content-between align-items-center">
    <a href="{{ as_url(routes.root.index) }}" class="atr-back-link">← Back to Select a release</a>
    <span>
      {% if phase == "release_candidate_draft" %}
        <strong class="atr-phase-one atr-phase-symbol">①</strong>
        <span class="atr-phase-one atr-phase-label">COMPOSE</span>
        <span class="atr-phase-arrow">→</span>
        <span class="atr-phase-symbol-other">②</span>
      {% else %}
        <span class="atr-phase-symbol-other">①</span>
        <span class="atr-phase-arrow">→</span>
        <strong class="atr-phase-two atr-phase-symbol">②</strong>
        <span class="atr-phase-two atr-phase-label">VOTE</span>
      {% endif %}
      <span class="atr-phase-arrow">→</span>
      <span class="atr-phase-symbol-other">③</span>
    </span>
  </p>

  {% if phase == "release_candidate_draft" %}
    <h1>
      Compose <strong>{{ release.project.short_display_name }}</strong> <em>{{ release.version }}</em>
    </h1>
    <p>
      Manage the <strong>candidate draft</strong> for {{ release.project.display_name }} {{ version_name }}. Add files, review checks, and promote when ready.
    </p>
  {% else %}
    <h1>
      Vote on <strong>{{ release.project.short_display_name }}</strong> <em>{{ release.version }}</em>
    </h1>
    <p>
      The {{ release.committee.display_name }} committee is currently voting on the <strong>release candidate</strong> for {{ release.project.display_name }} {{ version_name }}. This page allows you to review the automated checks run on the files in the release.
    </p>
  {% endif %}

  {% include "check-selected-release-info.html" %}

  {% if ongoing_tasks_count > 0 %}
    <div class="alert alert-warning" role="alert">
      <i class="bi bi-exclamation-triangle me-2"></i>
      There {{ 'is' if ongoing_tasks_count == 1 else 'are' }} currently <strong>{{ ongoing_tasks_count }}</strong> background verification {{ 'task' if ongoing_tasks_count == 1 else 'tasks' }} running for the latest revision. Results shown below may be incomplete or outdated until the tasks finish. Refresh the page to see updates.
    </div>
  {% endif %}

  <div class="card mb-4">
    <div class="card-header d-flex justify-content-between align-items-center">
      <h5 class="mb-0">
        Files
        {% if phase == "release_candidate_draft" %}
          in this revision
        {% else %}
          in the release candidate
        {% endif %}
      </h5>
    </div>
    <div class="card-body">
      {% if paths|length > 0 %}
        {% include "check-selected-path-table.html" %}

      {% else %}
        <div class="alert alert-info">This draft does not have any files yet.</div>
      {% endif %}
    </div>
  </div>

  {% if phase == "release_candidate" %}
    {% include "check-selected-candidate-forms.html" %}

  {% endif %}
{% endblock content %}

{% block javascripts %}
  {{ super() }}
  <script>
      init();
  </script>
{% endblock javascripts %}