{% extends 'base.html' %}
{% block content %}
    <style type="text/css" rel="stylesheet">
        .form_wrapper label,
        .form_wrapper legend {
            display: block;
            /*
            float: left;
            width: 25%;
             */
            font-size: initial;
            margin-bottom: 1em;
        }

        .form_wrapper textarea,
        .form_wrapper input {
            display: block;
            /*
            float: left;
            width: 74%;
             */
            margin-bottom: 1em;
            width: 100%;
        }

        .form_wrapper fieldset input {
            display: initial;
            float: initial;
            width: initial;
        }

        .form_wrapper fieldset {
            width: 100%;
        }
    </style>
    {% if messages %}
        <ul class="messages">
            {% for message in messages %}
                <li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ message }}</li>
            {% endfor %}
        </ul>
    {% endif %}
    <div class="form_wrapper">
    <form method="post" action="?">
        {% csrf_token %}
        {{ form.as_div }}
    <input type="submit" value="Submit" />
    </form>
    </div>
{% endblock %}