{% extends 'layout.html' %}
{% set _path_breadcrumbs = breadcrumb_repo(repo, 'browse', path, extend=1) %}
{% if _path_breadcrumbs %}
  {% set breadcrumbs = breadcrumb_repo(repo) + _path_breadcrumbs[:-1]  + [('#', _('Restore: {}').format(_path_breadcrumbs[-1][1]))] %}
{% else %}
  {% set breadcrumbs = breadcrumb_repo(repo) + breadcrumb_repo(repo, 'restore') %}
{% endif %}
{% block head %}
  {{ super() }}
  {% if download_url %}
    {# Let use meta refresh to start download. #}
    <meta http-equiv="refresh" content="0;url={{ download_url }}" />
  {% endif %}
{% endblock %}
{% block content %}
  <div class="d-flex justify-content-center align-items-center vh-100">
    <div class="text-center">
      {% if download_url %}
        <p id="download-pending" class="h2 mt-3">
          <RdwIcon value="bi-arrow-clockwise bi-spin" />
          {% trans %}Your download will start shortly...{% endtrans %}
        </p>
        <p id="download-started" class="h2 mt-3 d-none">
          <RdwIcon value="bi-check-circle-fill" class="text-success" />
          {% trans %}Your download has started.{% endtrans %}
        </p>
        <p>{% trans %}If the download doesn't start automatically, please click the link below:{% endtrans %}</p>
        <a href="{{ download_url }}" class="btn btn-secondary mt-3">{% trans %}Download Now{% endtrans %}</a>
        <script>
          /* The following is used to detect when the download start to stop the animation. */
          document.cookie = "downloadStarted=0";
          const loop = setInterval(() => {
            if (document.cookie.includes("downloadStarted=1")) {  
              console.log("Download started (server confirmed via cookie)");
              clearInterval(loop);
              document.getElementById("download-pending").classList.add("d-none");
              document.getElementById("download-started").classList.remove("d-none");
            }
          }, 250);
        </script>
      {% else %}
        <p class="h2 mt-3">
          <RdwIcon value="bi-exclamation-triangle" class="text-warning" />
          <b>
            {% trans %}Download is not possible in the current state of your repository:{% endtrans %}
          </b>
          <br />
          <br />
          {{ repo.status[1] }}
        </p>
        <a href="javascript:history.back()" class="btn btn-secondary mt-3">{% trans %}Go Back{% endtrans %}</a>
      {% endif %}
    </div>
  </div>
{% endblock %}