{% extends "base.html" %}
{% block title %}{% if editing %}Edit drop{% else %}New drop{% endif %}{% endblock %}
{% block mainclass %} class="wide"{% endblock %}
{% block content %}
<div class="head"><h1>{% if editing %}Edit drop{% else %}New drop{% endif %} <small>{% if editing %}saved as one signed change{% else %}a small repository of its own, never listed among your repositories{% endif %}</small></h1></div>
{% if let Some(d) = delegation %}<div class="strip warn">{{ d }}</div>{% endif %}
{% if let Some(e) = error %}<p class="error">{{ e }}</p>{% endif %}
<form class="card wide editor drop-form" method="post" action="{{ action }}">
  <input type="hidden" name="_csrf" value="{{ shell.csrf }}">
  <label for="title">Title</label><input type="text" id="title" name="title" value="{{ title }}" maxlength="200" placeholder="optional: the first file's name otherwise">
  <label for="description">Description</label><input type="text" id="description" name="description" value="{{ description }}" maxlength="2000">
  <label>Visibility</label>
  <div class="choice">
    <label><input type="radio" name="visibility" value="public"{% if !secret %} checked{% endif %}> public: listed on your Drops page</label>
    <label><input type="radio" name="visibility" value="secret"{% if secret %} checked{% endif %}> secret: listed nowhere, readable by anyone with its address</label>
  </div>
  <div data-drop-files>
  {% for (name, content) in files %}
    <fieldset class="drop-file" data-drop-file>
      <div class="row"><div><label>File name</label><input type="text" name="name" value="{{ name }}" placeholder="notes.md" maxlength="255"></div><div class="drop-file-actions"><button type="button" class="small" data-drop-remove hidden>REMOVE</button></div></div>
      <textarea class="code" name="content" rows="14" spellcheck="false">{{ content }}</textarea>
    </fieldset>
  {% endfor %}
  </div>
  <p><button type="button" class="small" data-drop-add hidden>+ ADD FILE</button> <span class="small mute">A file left without a name and content is ignored{% if editing %}; one whose name you clear is removed{% endif %}.</span></p>
  {% if !kept.is_empty() %}<p class="small mute">Kept as they are (not text, or pushed with oxy): {% for k in kept %}<code>{{ k }}</code>{% if !loop.last %}, {% endif %}{% endfor %}.</p>{% endif %}
  {% if editing %}<label for="message">Change message</label><input type="text" id="message" name="message" value="{{ message }}" placeholder="Edit {{ title }}">{% endif %}
  <p class="small mute">The change is authored by your linked key and signed by this hub's key as your delegate. Push protection refuses anything that looks like a credential.</p>
  <div class="choice">
    <button type="submit"{% if delegation.is_some() %} disabled{% endif %}>{% if editing %}SAVE{% else %}CREATE DROP{% endif %}</button>
    <a class="go" href="{{ cancel }}">CANCEL</a>
  </div>
</form>
{% endblock %}