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

{% block title %}
Add Club Form
{% 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/clubAddResult">
    <legend>Add Hockey Club Form</legend>
    {{ form.hidden_tag() }}
          
    <div>
      {{ form.clubName.label }}<br>
      {{ form.clubName(class_="form-control") }}
      <br>
      {{ form.submit(class_="btn btn-success") }}
      <a class="btn btn-danger" href="/dashboard" role="button">Cancel</a>
    </div>
  </form>
      
{% endblock %}