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

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

{% block description %}
  Finish {{ release.project.display_name }} {{ release.version }} as a release preview.
{% endblock description %}

{% block content %}
  <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>
      <span class="atr-phase-symbol-other">①</span>
      <span class="atr-phase-arrow">→</span>
      <strong class="atr-phase-symbol-other">②</strong>
      <span class="atr-phase-arrow">→</span>
      <strong class="atr-phase-three atr-phase-symbol">③</strong>
      <span class="atr-phase-three atr-phase-label">FINISH</span>
    </span>
  </p>

  <h1>
    Finish <strong>{{ release.project.short_display_name }}</strong> <em>{{ release.version }}</em>
  </h1>

  <div id="{{ release.name }}" class="card mb-4 shadow-sm">
    <div class="card-header bg-light">
      <h3 class="card-title mb-0">About this release preview</h3>
    </div>
    <div class="card-body">
      <div class="d-flex flex-wrap gap-3 pb-3 mb-3 border-bottom text-secondary fs-6">
        <span class="page-preview-meta-item">Revision: {{ release.revision }}</span>
        <span class="page-preview-meta-item">Created: {{ release.created.strftime("%Y-%m-%d %H:%M:%S UTC") }}</span>
      </div>
      <div>
        <a title="Download all files"
           href="{{ as_url(routes.download.all_selected, project_name=release.project.name, version_name=release.version) }}"
           class="btn btn-primary me-2">
          <i class="bi bi-download"></i>
          Download all files
        </a>
        <a title="Show files for {{ release.name }}"
           href="{{ as_url(routes.preview.view, project_name=release.project.name, version_name=release.version) }}"
           class="btn btn-secondary me-2">
          <i class="bi bi-archive"></i>
          Show files
        </a>
        <a title="Show revisions for {{ release.name }}"
           href="{{ as_url(routes.revisions.selected, project_name=release.project.name, version_name=release.version) }}"
           class="btn btn-secondary me-2">
          <i class="bi bi-clock-history"></i>
          Show revisions
        </a>
        <a title="Announce and distribute {{ release.name }}"
           href="{{ as_url(routes.announce.selected, project_name=release.project.name, version_name=release.version) }}"
           class="btn btn-success">
          <i class="bi bi-check-circle"></i>
          Announce and distribute
        </a>
      </div>
    </div>
  </div>

  <div class="alert alert-warning mb-4" role="alert">
    <p class="fw-semibold mb-1">TODO</p>
    <p class="mb-1">
      Planned enhancements include removing "RC" tags from filenames (not yet implemented) and improving the file movement interface, as the current dropdowns are unsuitable for large releases.
    </p>
  </div>

  {% if can_move %}
    <div class="card mb-4">
      <div class="card-header bg-light">
        <h3 class="mb-0">Move file to different directory</h3>
      </div>
      <div class="card-body">
        <form method="post" class="atr-canary">
          {{ form.hidden_tag() }}
          <div class="mb-3">
            {{ form.source_file.label(class="form-label") }}
            {{ form.source_file(class="form-select form-select-sm font-monospace") }}
            {% if form.source_file.errors %}
              <div class="invalid-feedback d-block">
                {% for error in form.source_file.errors %}{{ error }}{% endfor %}
              </div>
            {% endif %}
          </div>
          <div class="mb-3">
            {{ form.target_directory.label(class="form-label") }}
            {{ form.target_directory(class="form-select form-select-sm font-monospace") }}
            {% if form.target_directory.errors %}
              <div class="invalid-feedback d-block">
                {% for error in form.target_directory.errors %}{{ error }}{% endfor %}
              </div>
            {% endif %}
          </div>
          {{ form.submit(class="btn btn-primary btn-sm") }}
        </form>
      </div>
    </div>
  {% else %}
    <div class="alert alert-info" role="alert">
      File moving is disabled as all files are currently in the same directory or the revision is empty.
    </div>
  {% endif %}
{% endblock content %}

{% block javascripts %}
  {{ super() }}
{% endblock javascripts %}