{% 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 %}