{% extends "base.html" %}

{% block title %}New repository{% endblock %}

{% block content %}

<div class="head"><h1>New repository <small>empty until the first push, which it takes its identity from</small></h1></div>

{% if let Some(e) = error %}<p class="error">{{ e }}</p>{% endif %}

<form class="card" method="post" action="/new">

  <input type="hidden" name="_csrf" value="{{ shell.csrf }}">

  <div class="row">

    <div><label for="owner">Owner</label><select id="owner" name="owner">{% for o in owners %}<option value="{{ o }}">{{ o }}</option>{% endfor %}</select></div>

    <div><label for="name">Name</label><input type="text" id="name" name="name" required pattern="[A-Za-z0-9][A-Za-z0-9._-]{0,63}"></div>

  </div>

  <label for="description">Description</label><input type="text" id="description" name="description">

  <label>Visibility</label>

  <div class="choice">

    <label><input type="radio" name="visibility" value="public" checked> public</label>

    <label><input type="radio" name="visibility" value="internal"> internal (anyone signed in)</label>

    <label><input type="radio" name="visibility" value="private"> private</label>

  </div>

  <label>Storage</label>

  <div class="choice">

    <label><input type="radio" name="storage" value="hub" checked> this server's disk</label>

    <label><input type="radio" name="storage" value="bucket"> my own bucket (Amazon S3, Google Cloud Storage or Azure)</label>

  </div>

  <fieldset class="storage-bucket">

    <legend>Your bucket <small class="mute">(only when kept in your own bucket)</small></legend>

    <p class="small mute">The repository's data lives in the bucket and this server keeps a cache. The bucket, or the prefix in it, must be empty. It is checked before anything is created. The credentials are sealed on this server and used only for this repository; give them read, write, list and delete under the prefix and nothing more.</p>

    <label for="store_url">Store URL</label><input type="text" id="store_url" name="store_url" placeholder="s3://my-bucket/repos/name?region=eu-west-2, gs://my-bucket/name, az://account/container/name" autocomplete="off">

    <p class="small mute">Amazon S3: an access key.</p>

    <div class="row">

      <div><label for="access_key_id">Access key ID</label><input type="text" id="access_key_id" name="access_key_id" autocomplete="off"></div>

      <div><label for="secret_access_key">Secret access key</label><input type="password" id="secret_access_key" name="secret_access_key" autocomplete="new-password"></div>

    </div>

    <p class="small mute">Google Cloud Storage: a service account key, the JSON file Google gives you.</p>

    <label for="service_account_key">Service account key</label><textarea id="service_account_key" name="service_account_key" rows="3" autocomplete="off" spellcheck="false"></textarea>

    <p class="small mute">Azure: a service principal with a role on the container.</p>

    <div class="row">

      <div><label for="tenant_id">Tenant ID</label><input type="text" id="tenant_id" name="tenant_id" autocomplete="off"></div>

      <div><label for="client_id">Client ID</label><input type="text" id="client_id" name="client_id" autocomplete="off"></div>

      <div><label for="client_secret">Client secret</label><input type="password" id="client_secret" name="client_secret" autocomplete="new-password"></div>

    </div>

  </fieldset>

  <button type="submit">CREATE</button>

</form>

{% endblock %}