{% extends "base.html" %}

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

{% block content %}

<div class="head"><h1>New repository</h1></div>

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

<form class="card full new-repo" method="post" action="/new" data-new-repo>

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

  <section class="nr-sec">

    <div class="nr-head"><h2>Repository</h2><p class="small mute">Where it lives and what it is called.</p></div>

    <div class="nr-body">

      <div class="row name-row">

        <div><label for="owner">Owner</label><select id="owner" name="owner" data-orgs="{% for o in orgs %}{{ o }} {% endfor %}" data-runners="{% for o in runner_owners %}{{ o }} {% endfor %}">{% for (o, b, from) in bookmarks %}<option value="{{ o }}" data-bookmark="{{ b }}" data-bookmark-from="{{ from }}">{{ o }}</option>{% endfor %}</select></div>

        <div class="slash" aria-hidden="true">/</div>

        <div class="grow"><label for="name">Name</label><input type="text" id="name" name="name" required pattern="[A-Za-z0-9][A-Za-z0-9._-]{0,63}" autocomplete="off" aria-describedby="name-check" autofocus></div>

      </div>

      <p id="name-check" class="small name-check" role="status" aria-live="polite" data-base="{{ base_url }}"></p>

      <label for="description">Description <span class="small mute">(optional; the README and the wiki start with it)</span></label><input type="text" id="description" name="description">

      <label for="default_bookmark">Default bookmark</label><input type="text" id="default_bookmark" class="nr-bookmark" name="default_bookmark" pattern="[A-Za-z0-9][A-Za-z0-9._-]{0,63}" autocomplete="off" spellcheck="false" aria-describedby="bookmark-from" data-default-bookmark>

      <p id="bookmark-from" class="small mute nr-hint" data-bookmark-hint></p>

    </div>

  </section>

  <section class="nr-sec">

    <div class="nr-head"><h2>Visibility</h2><p class="small mute">Who can see and clone it. You can change it later in Settings.</p></div>

    <div class="nr-body nr-cards three" role="radiogroup" aria-label="Visibility">

      <label class="choice-card"><input type="radio" name="visibility" value="public" checked><span><strong>Public</strong><span class="small mute">Anyone can see and clone it. You choose who may push.</span></span></label>

      <label class="choice-card"><input type="radio" name="visibility" value="internal"><span><strong>Internal</strong><span class="small mute">Anyone signed in to this hub can see it.</span></span></label>

      <label class="choice-card"><input type="radio" name="visibility" value="private"><span><strong>Private</strong><span class="small mute">Only you{% if !orgs.is_empty() %}, the organisation's members{% endif %} and the people you add.</span></span></label>

    </div>

  </section>

  <section class="nr-sec">

    <div class="nr-head"><h2>Starting files</h2><p class="small mute">Optional. Left empty, it starts empty and takes its first push. The hub commits these as you, signed with its key as your delegate.</p></div>

    <div class="nr-body">

      <label class="nr-toggle"><input type="checkbox" name="readme" value="1"><span><strong>README</strong><span class="small mute">Its name and description, as README.md.</span></span></label>

      <div class="row nr-pair">

        <div><label for="licence">Licence</label><select id="licence" name="licence"><option value="">none</option>{% for (id, what) in licences %}<option value="{{ id }}">{{ id }}: {{ what }}</option>{% endfor %}</select></div>

        <div><label for="ignore">.oxyignore</label><select id="ignore" name="ignore"><option value="">none</option>{% for l in ignores %}<option>{{ l }}</option>{% endfor %}</select></div>

      </div>

    </div>

  </section>

  <section class="nr-sec">

    <div class="nr-head"><h2>Wiki</h2><p class="small mute">Pages beside the code, cloned as its <code>.wiki</code>.</p></div>

    <div class="nr-body">

      <label class="nr-toggle"><input type="checkbox" name="wiki" value="1"><span><strong>Start the wiki</strong><span class="small mute">A Home page with its name and description, ready to edit. Left off, the first page anyone writes starts it.</span></span></label>

    </div>

  </section>

  <section class="nr-sec">

    <div class="nr-head"><h2>Project board</h2><p class="small mute">Its issues and proposals join the board as they open.</p></div>

    <div class="nr-body">

      <div class="nr-cards three" role="radiogroup" aria-label="Project board">

        <label class="choice-card"><input type="radio" name="board" value="" checked data-board-none><span><strong>No board</strong><span class="small mute">Add its issues to a board later.</span></span></label>

        <label class="choice-card"><input type="radio" name="board" value="new" data-board-new><span><strong>A new board</strong><span class="small mute">Backlog, Doing and Done; finished work moves to Done.</span></span></label>

        {% if !boards.is_empty() %}<label class="choice-card"><input type="radio" name="board" value="existing" data-board-existing><span><strong>An existing board</strong><span class="small mute">One of the owner's open boards.</span></span></label>{% endif %}

      </div>

      <div class="board-title"><label for="board_title">Board title</label><input type="text" id="board_title" name="board_title" maxlength="100" placeholder="the repository's name"></div>

      {% if !boards.is_empty() %}<div class="board-existing"><label for="board_n">Board</label><select id="board_n" name="board_n" data-board-list>{% for (o, n, t) in boards %}<option value="{{ n }}" data-owner="{{ o }}">{{ o }} #{{ n }}: {{ t }}</option>{% endfor %}</select></div>{% endif %}

    </div>

  </section>

  <section class="nr-sec">

    <div class="nr-head"><h2>OxygenFlow</h2><p class="small mute">Pipelines: once it is on, every push with a <code>.flow/pipeline.kdl</code> starts a run, and its jobs show as checks.</p></div>

    <div class="nr-body nr-cards three" role="radiogroup" aria-label="OxygenFlow">

      <label class="choice-card"><input type="radio" name="flow" value="" checked><span><strong>Not yet</strong><span class="small mute">The site's default. Switch it on later in Settings › Pipelines.</span></span></label>

      <label class="choice-card{% if !admin %} off{% endif %}"><input type="radio" name="flow" value="on"{% if !admin %} disabled{% endif %}><span><strong>On, site runners</strong><span class="small mute">{% if admin %}The site's runners take its jobs.{% else %}A site administrator's choice.{% endif %}</span></span></label>

      <label class="choice-card" data-flow-own><input type="radio" name="flow" value="own"><span><strong>On, own runners</strong><span class="small mute" data-flow-own-note>Only the owner's own runners take its jobs.</span></span></label>

    </div>

  </section>

  <details class="nr-sec nr-storage">

    <summary><h2>Storage</h2><span class="small mute">This server's disk, unless you keep it in your own bucket.</span></summary>

    <div class="nr-body">

      <div class="nr-cards two">

        <label class="choice-card"><input type="radio" name="storage" value="hub" checked><span><strong>This server's disk</strong><span class="small mute">The default. Backed up with the hub.</span></span></label>

        <label class="choice-card"><input type="radio" name="storage" value="bucket"><span><strong>My own bucket</strong><span class="small mute">Amazon S3, Google Cloud Storage or Azure; this server keeps a cache. It starts empty.</span></span></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>

    </div>

  </details>

  <div class="nr-foot"><button type="submit">CREATE REPOSITORY</button></div>

</form>

{% endblock %}