{% extends "base.html" %}

{% block content %}
  <div class="jumbotron">
    <div class="container">
      <h1>{% trans %}Join Team{% endtrans %}</h1>
    </div>
  </div>
  <div class="container">
    <div class="row">
      <div class="col-md-8 col-lg-6 offset-md-2 offset-lg-3">
        {% include "components/errors.html" %}

        <p class="h3 text-center mt-md-4">
          {% trans %}Welcome to{% endtrans %} <strong>{{ team.name }}</strong>!
        </p>

        <p class="text-center">
          {% trans %}Click the button below to join the team!{% endtrans %}
          <br>
          <small class="text-muted">
            Or <a href="{{ url_for('teams.new') }}">click here</a> if you'd prefer to create your own team.
          </small>
        </p>

        {% with form = Forms.teams.TeamInviteJoinForm() %}
          <form method="POST">
            <div class="row pt-3 text-center">
              <div class="col-md-12">
                {{ form.submit(class="btn btn-success w-100") }}
              </div>
            </div>
            {{ form.nonce() }}
          </form>
        {% endwith %}
      </div>
    </div>
  </div>
{% endblock %}