{% extends "base.html" %}

{% block content %}
  <div class="d-flex flex-column gap-3">
    <div class="d-flex flex-column gap-2">
      {% include "partials/repo_heading.html" %}
      {% with
        breadcrumbs=[
          {"name": owner_name, "href": owner_path},
          {"name": repo.name, "href": repo_path},
          {"name": "Forking"}
        ],
        nav_class="d-inline-block align-self-start"
      %}
        {% include "partials/breadcrumbs.html" %}
      {% endwith %}
    </div>
    <div class="row g-3">
      <div class="col-12 col-lg-6">
        <div class="card shadow-sm">
          <div class="card-body">
            <h2 class="h5 mb-1">Forking {{ repo.name }}</h2>
            <p class="text-muted mb-0">We are copying the repository. This page will refresh automatically.</p>
          </div>
        </div>
      </div>
    </div>
  </div>
{% endblock %}

{% block scripts %}
  {% if refresh %}
    <script>
      (function () {
        $(function () {
          setTimeout(function () {
            location.reload();
          }, 2000);
        });
      })();
    </script>
  {% endif %}
{% endblock %}