{% extends "base.html" %}

{% block main %}
<main>
  <section class="block">
    <div class="container is-max-tablet">
      <h1 class="title">callout.dev: New Team</h1>
      <form method="POST">
        <div class="field">
          <label class="label" for="team-name">Team name</label>
          <div class="control">
            <input id="team-name" class="input" type="text" name="name">
          </div>
        </div>
        <div class="field is-grouped">
          <div class="control">
            <button class="button is-link" type="submit">Submit</button>
          </div>
          <div class="control">
            <a class="button is-link is-light" href="{{ base_path }}/teams">
              Cancel
            </a>
          </div>
        </div>
        <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
      </form>
    </div>
  </section>
</main>
{% endblock %}