{% extends "bootstrap/base.html" %}

{% block title %}
Add Team Table
{% endblock %}

{% block head %}
<link rel="stylesheet" media="screen" href="/static/css/bootstrap.min.css">
<link rel="stylesheet" href="/static/css/bootstrap-theme.min.css">
<meta name="viewport" content ="width=device-width, initial-scale=1.0">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="/static/js/bootstrap.min.js"></script>
{% endblock %}

{% block body %}

  <form method="post" action="/convenor/teamAddResult">
    <legend>Add Team Form</legend>
    {{ form.hidden_tag() }}
    <div>
      <p>
        <label for="clubName">Club:</label>
        <select class="form-control" name="clubName" required>
          {% for item in data %}
            <option value={{ item.club }}>{{ item.club }}</option>
          {% endfor %}
        </select>
      </p>
      {{ form.teamName.label }}<br>
      {{ form.teamName(class_="form-control") }}
      <br>
      {{ form.submit(class_="btn btn-success") }}
      <a class="btn btn-danger" href="/dashboard" role="button">Cancel</a>
    </div>
  </form>
      
{% endblock %}