{% extends "base.html" %}
{% import "repo_tabs.html" as m %}
{% block title %}{{ title }} · {{ repo.owner }}'s drop{% endblock %}
{% block bodyattrs %} data-repo="{{ repo.url }}"{% endblock %}
{% block tabs %}{% call m::tabs(repo, "code") %}{% endblock %}
{% block content %}
<div class="drop-head">
  <div class="drop-id">
    <h1>{{ title }}{% if !at_default %} <small>at {{ target }}</small>{% endif %}</h1>
    {% if !description.is_empty() %}<p class="drop-desc">{{ description }}</p>{% endif %}
    <p class="small mute">A drop by <a href="/{{ repo.owner }}">{{ repo.owner }}</a> · {{ files.len() }} file{% if files.len() != 1 %}s{% endif %} · created <time title="{{ created_ms|when_i }}">{{ created_ms|ago_i }}</time> · updated <time title="{{ updated_ms|when_i }}">{{ updated_ms|ago_i }}</time> · <a href="{{ repo.url }}/changes/{{ repo.default_bookmark }}">history</a>{% if !signed_in && stars > 0 %} · {{ stars }} star{% if stars != 1 %}s{% endif %}{% endif %}{% if let Some(f) = forked_from %} · forked from <a href="{{ f }}">{{ f }}</a>{% endif %}</p>
  </div>
  {% if signed_in || can_edit || can_delete || can_fork %}<div class="drop-actions">{% if signed_in %}<form class="inline" method="post" action="{{ repo.url }}/star"><input type="hidden" name="_csrf" value="{{ shell.csrf }}"><button type="submit" title="{% if starred %}Take your star back{% else %}Star this drop{% endif %}" aria-pressed="{% if starred %}true{% else %}false{% endif %}">{% if starred %}★ STARRED{% else %}☆ STAR{% endif %} {{ stars }}</button></form>{% endif %}{% if can_fork %}<form class="inline" method="post" action="{{ repo.url }}/fork"><input type="hidden" name="_csrf" value="{{ shell.csrf }}"><button type="submit" title="A copy of this drop, history and all, as a drop of yours">FORK</button></form>{% endif %}{% if can_edit %}<a class="go" href="{{ repo.url }}/edit">EDIT</a>{% endif %}{% if can_delete %}<form class="inline" method="post" action="{{ repo.url }}/delete" data-confirm="Delete this drop and its history? Its address stops working."><input type="hidden" name="_csrf" value="{{ shell.csrf }}"><button type="submit" class="danger-btn">DELETE</button></form>{% endif %}</div>{% endif %}
</div>
{% if secret %}<div class="strip">Secret: this drop is listed nowhere, but anyone with its address can read it.</div>{% endif %}
<div class="drop-fields"><div class="drop-clone"><label for="embed">Embed</label><input type="text" id="embed" class="code" readonly value="{{ embed }}" data-select><button type="button" class="copy-btn" data-copy="{{ embed }}" aria-label="Copy to clipboard"></button></div>
<div class="drop-clone"><label for="clone">Clone</label><input type="text" id="clone" class="code" readonly value="oxy clone {{ clone_url }}" data-select><button type="button" class="copy-btn" data-copy="oxy clone {{ clone_url }}" aria-label="Copy to clipboard"></button></div></div>
{% if files.is_empty() %}<p class="empty">No files.</p>{% endif %}
{% for f in files %}
<section class="filebox drop-filebox" id="{{ f.anchor }}">
  <header>
    <strong>{{ f.path }}</strong> <span class="small mute">{{ f.size|bytes }}{% if let Some(l) = f.language %} · {{ l }}{% endif %}</span>
    <span class="modes"><a href="{{ repo.url }}/raw/{{ target }}/{{ f.path }}">raw</a><a href="{{ repo.url }}/changes/{{ target }}?path={{ f.path }}">history</a></span>
  </header>
  {% if let Some(html) = f.markdown %}
  <article class="doc">{{ html|safe }}</article>
  {% else if let Some(note) = f.note %}
  <p class="empty">{{ note }} <a href="{{ repo.url }}/raw/{{ target }}/{{ f.path }}">Download it</a>.</p>
  {% else %}
  <table class="code">
  {% for line in f.lines %}
    <tr id="{{ f.anchor }}-L{{ loop.index }}"><td class="n">{{ loop.index }}</td><td class="t"><pre>{{ line|safe }}</pre></td></tr>
  {% endfor %}
  </table>
  {% endif %}
</section>
{% endfor %}
<section class="card-box drop-comments" id="comments">
  <div class="card-head"><h2>Comments</h2><span class="count-chip">{{ comments.len() }}</span></div>
  {% if comments.is_empty() %}<p class="empty small">No comments yet.</p>{% else %}
  <ul class="rows drop-comment-rows">{% for c in comments %}
    <li id="comment-{{ c.id }}">
      <div class="drop-comment">
        <div class="small mute"><a href="/{{ c.author }}">{{ c.author }}</a> · <time title="{{ c.created_ms|when_i }}">{{ c.created_ms|ago_i }}</time></div>
        <div class="doc">{{ c.html|safe }}</div>
      </div>
      {% if c.may_delete %}<form class="inline" method="post" action="{{ repo.url }}/comment/{{ c.id }}/delete" data-confirm="Delete this comment?"><input type="hidden" name="_csrf" value="{{ shell.csrf }}"><button class="small danger">Delete</button></form>{% endif %}
    </li>{% endfor %}
  </ul>{% endif %}
  {% if signed_in %}<form class="pad drop-comment-form" method="post" action="{{ repo.url }}/comment">
    <input type="hidden" name="_csrf" value="{{ shell.csrf }}">
    <label for="comment-body" class="small mute">Comment (Markdown)</label>
    <textarea id="comment-body" name="body" rows="4" required maxlength="65536"></textarea>
    <div class="actions"><button type="submit">COMMENT</button></div>
  </form>{% else %}<p class="small mute pad">Sign in to comment.</p>{% endif %}
</section>
{% endblock %}