{% extends "base.html" %}

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

  <div class="container">
    <h1> Add Program </h1>
      {% with messages = get_flashed_messages() %}
      {% if messages %}
        <ul class=flashes>
            {% for message in messages %}
            <li>{{ message }}</li>
            {% endfor %}
        </ul>
    {% endif %}
    {% endwith %}

      {% for field in form %}
        {% for message in field.errors %}
           <div>{{ message }}</div>
        {% endfor %}
      {% endfor %}

      <form action="/add_program" method="POST" name="add_program">
          {{ form.hidden_tag() }}
          <div class="input-group col-md-6">
              <span class="input-group-addon">{{ form.name.label }}</span>
              {{ form.name(class="form-control") }}
          </div>
          <div class="input-group col-md-6">
              <span class="input-group-addon">{{ form.version.label }}</span>
                  {{ form.version(class="form-control") }}
          </div>
          <div class="input-group col-md-6">
              <span class="input-group-addon">{{ form.start_date.label }}</span>
                  {{ form.start_date(class="form-control datepicker") }}
          </div>
          <div class="input-group col-md-6">
              <span class="input-group-addon">{{ form.end_date.label }}</span>
                  {{ form.end_date(class="form-control datepicker") }}
          </div>
          <div class="input-group col-md-6">
              <span class="input-group-addon">{{ form.status.label }}</span>
              {{ form.status(class="form-control") }}
          </div>
          <div class="input-group col-md-6">
              <span class="input-group-addon">{{ form.program_type.label }}</span>
              {{ form.program_type(class="form-control") }}
          </div>
          <div class="input-group col-md-7">
              <span class="input-group-addon">{{ form.hindi_name.label }}</span>
              {{ form.program_type(class="form-control") }}
          </div>
          <div class="input-group col-md-8">
              <span class="input-group-addon">{{ form.description.label }}</span>
              {{ form.program_type(class="form-control") }}
          </div>

           <!--<div class="btn btn-success"> {{ form.submit }} </div>-->

    <button id="form_submit" type="submit" class="btn btn-success">Add Program</button>
  </form>
</div>
{% endblock content %}