{% extends 'admin/master.html' %}

{% block body %}
<div class="row justify-content-center">
  <div class="col-md-8 col-lg-6">
    <div class="app-card" style="margin-top: 1.5rem;">
      <div class="app-hero"
           style="margin: -1.5rem -1.5rem 1.25rem; border-radius: 12px 12px 0 0;">
        <h2>New Account</h2>
        <p>Pick the plugin type first — the account form will come up with the
           plugin's custom fields already seeded, so you only need to fill the
           values.</p>
      </div>
      <form method="GET" action="{{ next_url }}">
        <div class="form-group">
          <label for="type">Plugin type</label>
          <select id="type" name="type" class="form-control" required autofocus>
            <option value="">Choose…</option>
            {% for value, label in types %}
              <option value="{{ value }}">{{ label }}</option>
            {% endfor %}
          </select>
          <small class="form-text text-muted">
            You can change the type later, but the pre-seeded custom fields
            will already match this plugin.
          </small>
        </div>
        <div class="form-group mb-0">
          <button type="submit" class="btn btn-primary">Continue</button>
          <a href="{{ url_for('.index_view') }}" class="btn btn-secondary">Cancel</a>
        </div>
      </form>
    </div>
  </div>
</div>
{% endblock %}