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

{% block styles %}
{{super()}}
<link rel="stylesheet"
      href="{{url_for('static', filename='mystyle.css')}}">
{% endblock %}

{% block title %}Wigan Homebrew Club Competition Entry{% endblock %}

{% block content %}
    <div class="container">
        <div class="jumbotron text-center" id="my-jumbotron">
                <h2 class="my-title">Wigan Homebrew Club Competition Entry</h2>
        </div>
        <div class="row">
            <div class="col-md-2"></div>
            <div class="col-md-8 content-div">
                <p>The next competition brew will be a <strong>{{ brew_name }}</strong>. It will be judged at the meeting in <strong>{{ brew_month }}</strong></p>
                <br/>
                <p>If you would like to enter the competition, please enter your name below to generate a letter/number that will be used to identify your entry</p>
                <hr>
                <form action="{{ url_for('generate') }}" method="POST">
                    <div class="form-group">
                        <label for="name">Please enter your first name and initial (or nickname)</label>
                        <input name="name" type="text" id="name" class="form-control input-lg" placeholder="eg: Sean C">
                    </div>
                    <button type="submit" class="btn btn-primary">Enter Competition</button>
                </form>
            </div>
        </div>

    </div>
{% endblock %}