{#
  ─────────────────────────────────────────────
   SPB Git — Personal Git Platform
  ─────────────────────────────────────────────
   Author  : Simon-Pierre Boucher
   Contact : contact@spboucher.ai
   File    : src/web/views/repo.njk
   Purpose : Repo home — clone box, file table, rendered README
   License : MIT © Simon-Pierre Boucher
  ─────────────────────────────────────────────
#}{% extends "layout.njk" %}
{% block content %}
{% include "partials/repo-header.njk" %}

{% if overview.empty %}
<div class="empty-repo">
  <h2>This repository is empty</h2>
  <p>Push something to bring it to life:</p>
  <pre class="clone-snippet">git remote add origin {{ overview.cloneUrl }}
git push -u origin {{ overview.defaultBranch }}</pre>
  <p class="muted">or, from anywhere: <code>spbgit clone {{ overview.name }}</code></p>
</div>
{% else %}

<div class="repo-toolbar">
  <div class="ref-select-wrap">
    <label class="sr-only" for="ref-select">Branch</label>
    <select id="ref-select" class="ref-select" data-repo="{{ overview.name }}" data-kind="tree">
      {% for branch in branches %}
      <option value="{{ branch.name }}" {{ 'selected' if branch.name == currentRef }}>{{ branch.name }}{{ ' (default)' if branch.isDefault }}</option>
      {% endfor %}
      {% for tag in tags %}
      <option value="{{ tag.name }}" {{ 'selected' if tag.name == currentRef }}>tag: {{ tag.name }}</option>
      {% endfor %}
    </select>
  </div>
  <div class="clone-box">
    <input class="clone-url" type="text" readonly value="{{ overview.cloneUrl }}" aria-label="Clone URL">
    <button class="btn copy-btn" type="button" data-copy="{{ overview.cloneUrl }}" title="Copy clone URL">Copy</button>
    <button class="btn copy-btn" type="button" data-copy="spbgit clone {{ overview.name }}" title="Copy spbgit command">spbgit</button>
    <a class="btn" href="/archive/{{ overview.name }}/{{ currentRef }}.zip" rel="nofollow">ZIP</a>
  </div>
</div>

{% include "partials/file-table.njk" %}

{% if readme %}
<section class="readme-section" aria-label="README">
  <div class="readme-header">
    <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M0 1.75A.75.75 0 0 1 .75 1h4.253c1.227 0 2.317.59 3 1.501A3.743 3.743 0 0 1 11.006 1h4.245a.75.75 0 0 1 .75.75v10.5a.75.75 0 0 1-.75.75h-4.507a2.25 2.25 0 0 0-1.591.659l-.622.621a.75.75 0 0 1-1.06 0l-.622-.621A2.25 2.25 0 0 0 5.258 13H.75a.75.75 0 0 1-.75-.75Zm7.251 10.324.004-5.073-.002-2.253A2.25 2.25 0 0 0 5.003 2.5H1.5v9h3.757a3.75 3.75 0 0 1 1.994.574M8.755 4.75l-.004 7.322a3.752 3.752 0 0 1 1.992-.572H14.5v-9h-3.495a2.25 2.25 0 0 0-2.25 2.25"/></svg>
    <code>{{ readme.path }}</code>
  </div>
  <article class="markdown-body">{{ readme.html | safe }}</article>
</section>
{% endif %}
{% endif %}
{% endblock %}