{% 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 %}
        <div class="messages">
            {% for message in messages %}
                <div{% if message.tags %} class="alert alert-{{ message.tags }} alert-dismissible fade show"{% endif %} onclick="$(this).fadeOut('slow');">
                    {{ message }}
                    <!--
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    -->
                </div>
            {% endfor %}
        </div>
    {% endif %}
    <div class="form_wrapper">
    <form method="post" action="?">
        {% csrf_token %}
        {{ form.as_div }}
    <input type="submit" value="Submit" />
    </form>
    </div>
{% endblock %}