{% extends "base.html" %}
{% block header %}
  {{ super() }}
{% endblock header %}

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

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

    <form action="/schedule_program" method="POST" name="schedule_program">
      <div class="input-group">
        <span class="input-group-addon" id="basic-addon1">Phone</span>
        <textarea type="text" class="form-control custom-control" rows="6" style="resize:none" name="phone" id="phone" aria-describedby="basic-addon1"></textarea>
      </div>
      <div class="input-group">
        <span class="input-group-addon" id="basic-addon2">Pause Start Date (mm/dd/yyyy)</span>
        <textarea type="text" class="form-control custom-control" rows="6" style="resize:none" name ="pause_start_date" id="pause_start_date" aria-describedby="basic-addon2"></textarea>
      </div>
      <div class="input-group">
          <span class="input-group-addon" id="basic-addon5">Next Program</span>
          <select class="form-control" id="next_program" name="next_program">
              {% for program in programs %}
                   <option value="{{ program.id }}">{{program.name}}</option>
              {% endfor %}
          </select>
      </div>
      <button type="submit" class="btn btn-success">Submit</button>
    </form>
  </div>
{% endblock content %}