{% extends "base.html" %}

{% block content %}
  {% include "partials/navbar.html" %}

  <div class="container">
    <h1> Add Message </h1>

    {% for field in form %}
      {% for message in field.errors %}
         <div class="alert alert-danger" role="alert">
           {{ message }}
         </div>
      {% endfor %}
    {% endfor %}

    {% with messages = get_flashed_messages() %}
        {% if messages %}
          {% for message in messages %}
            <div class="alert alert-success" role="alert">{{ message }}</div>
          {% endfor %}
        {% endif %}
    {% endwith %}

    <form action="/add_message" method="POST" name="add_program">
      {{ form.hidden_tag() }}
      {% for field in form %}
        {% if field.name != 'csrf_token' %}
        <div class="input-group col-md-12">
            <span class="input-group-addon">{{ field.label }}</span>
            {{ field(class="form-control") }}
        </div>
        {% endif %}
      {% endfor %}
      <button id="form_submit" type="submit" class="btn btn-success">Add Message</button>
    </form>
  </div>
{% endblock content %}