{% extends "base.html" %}
{% from "_macros.html" import icon, mark, wordmark %}
{#- First run, after the administrator's account (api/invites.py): name the
    organisation and the instance, then on to the first connection. Both can
    be changed later under Administration → General. -#}
{% block title %}{{ t("Set up %(name)s", name=brand.name) }}{% endblock %}

{% block body %}
<main class="auth">
  <div class="auth__card">
    <div class="auth__brand">
      {{ mark(cls="brand-mark", uid="auth") }}
      <h1 class="auth__title">{{ wordmark() }}</h1>
      <p class="auth__subtitle">{{ t("Step 2 of 3: what this place is called. Next, a connection to your models.") }}</p>
    </div>
    <form method="post" action="/setup" class="stack" data-testid="setup-form">
      <div class="field">
        <label class="field__label" for="organisation">{{ t("Organisation") }}</label>
        <input class="input" id="organisation" name="organisation" maxlength="120" required autofocus
               value="{{ org.name if org else '' }}">
        <p class="field__hint">{{ t("Your team, your company, or your own name. People you invite join it.") }}</p>
      </div>
      <div class="field">
        <label class="field__label" for="instance-name">{{ t("Instance name") }}</label>
        <input class="input" id="instance-name" name="instance_name" maxlength="60"
               value="{{ instance_name }}">
        <p class="field__hint">{{ t("What a device asked to sign in here is told it is signing in to. Empty is LLeMbas.") }}</p>
      </div>
      <button class="btn btn--primary btn--block" type="submit">{{ t("Next: a connection") }}</button>
      <p class="field__hint"><a href="/">{{ t("Skip for now") }}</a></p>
    </form>
  </div>
</main>
{% endblock %}