{% extends "base.html" %}

{% block title %}{% if editing %}Edit drop{% else %}New drop{% endif %}{% 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="actions">

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