{% extends "base.html" %}

{% block content %}
  <div class="form-wrapper">
    <div class="column-container">
      <div class="link-wrapper">
        <a id="link" href="/download/{{ record.cache_name }}">Download Now!</a>
      </div>

      <div
        class="link-wrapper"
        hx-get="/link/{{ record.cache_name }}/remaining"
        hx-trigger="click from:#link delay:0.2s, every 60s"
      >
        {% block downloads_remaining %}
          {{ self::get_downloads_remaining_text(record) }}
        {% endblock downloads_remaining %}
      </div>
      <button class="return-button" onclick="clipboard()">
        Copy to Clipboard
      </button>

      <a href="/" class="return-button">Return to home</a>
    </div>
  </div>
{% endblock content %}