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

{% block title %}
List Team Squad
{% 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/squadListResults">
    <legend>List Team Squad</legend>
    {{ form.hidden_tag() }}
    <div style="width: 10%">
      <p>
        <label for="teamName">Team:</label>
        <select class="form-control" name="teamName" required>
          {% for item in data %}
            <option value={{ item.team }}>{{ item.team }}</option>
          {% endfor %}
        </select>
      <a class="btn btn-danger" href="/dashboard" role="button">Cancel</a>
      <button type="submit" class="btn btn-success">Submit</button>
      </p>
    </div>
  </form>
      
{% endblock %}