{% extends "base.html" %}

{% block main %}
<nav class="container mt-4" aria-label="breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="{{ base_path }}/teams">Teams</a></li>
    <li class="breadcrumb-item active" aria-current="page">New Team</li>
  </ol>
</nav>
<main class="mt-5">
  <section class="container mb-3">
    <h1 class="mt-5">New Team</h1>
  </section>
  <section class="container mb-3">
    <form method="post">
      <div class="mb-3">
        <label class="form-label" for="team-name">Team name</label>
        <input id="team-name" class="form-control" type="text" name="name">
      </div>
      <div class="mb-3">
        <button class="btn btn-primary" type="submit">Submit</button>
        <a class="btn btn-outline-light" role="button" href="{{ base_path }}/teams">
          Cancel
        </a>
      </div>
      <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
    </form>
  </section>
</main>
{% endblock %}
