{% extends "base.html" %}

{% block content %}
{% include "partials/navbar.html" %}
<div class="container">
  <h1> Schedule {{ title }} </h1>
  {% with messages = get_flashed_messages() %}
    {% if messages %}
      <ul class=flashes>
        {% for message in messages %}
          <li>{{ message }}</li>
        {% endfor %}
      </ul>
    {% endif %}
  {% endwith %}

  {% if blast_message %}
    <div>
      <div class="alert col-md-6">
        {{ blast_message }}
      </div>
    </div>
  {% endif %}

  <form action="{{ form_action }}" method="POST" name="schedule_audiosms">

    <div id="nameinput" class="input-group col-md-6">
      <span class="input-group-addon" id="basic-addon1">Name</span>
      <input type="text" class="form-control" name="cp_name" id="cp_name" aria-describedby="basic-addon1">
    </div>

    <div class="input-group col-md-6">
      <span class="input-group-addon" id="basic-addon2">{{ title }}</span>
      <select class="form-control" name ="audio_sms" id='audio_sms' aria-describedby="basic-addon2" required>
        <option value="">--Select-- </option>
        {% for c in content %}
          <option value="{{ c.id }}">{{c.name}}</option>
        {% endfor %}
      </select>
    </div>

    <div id="userinput" class="input-group col-md-6">
      <span class="input-group-addon" id="basic-addon5">Users (Phones)</span>
      <textarea type="text" class="form-control custom-control" rows="6" style="resize:none" name ="phones" id="phones" aria-describedby="basic-addon5"></textarea>
    </div>

     <div class="input-group col-md-6">
      <span class="input-group-addon" id="basic-addon4">Time Choices</span>
      <select class="form-control" name ="time_category" id='time_category' aria-describedby="basic-addon6">
        {% for time_value, time_verbose in time_category %}
          <option value="{{ time_value }}">{{time_verbose}}</option>
        {% endfor %}
      </select>
    </div>

    <div id="start_dateinput" class="input-group col-md-6">
      <span class="input-group-addon" id="basic-addon3">Deploy Date</span>
      <input type="text" class="form-control datepicker" name="deploy_date" id="deploy_date" aria-describedby="basic-addon3">
    </div>

    <button id="form_submit" type="submit" class="btn btn-success">Schedule</button>
  </form>
</div>

{% endblock content %}