{% extends "base.html" %}

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

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

    <form action="/schedule_message" method="POST" name="message_announcements">
      <div class="input-group">
      <span class="input-group-addon" id="basic-addon1">Campaign Name</span>
      <input type="text" class="form-control" name="cp_name" id="cp_name" aria-describedby="basic-addon1">
      </div>
      <div class="input-group">
        <span class="input-group-addon" id="basic-addon2">Phone</span>
        <textarea type="text" class="form-control custom-control" rows="6" style="resize:none" name ="phones" id="phones" aria-describedby="basic-addon2"></textarea>
      </div>
      <div class="input-group">
        <span class="input-group-addon" id="basic-addon3">Template Name</span>
        <textarea type="text" class="form-control custom-control" rows="6" style="resize:none" name ="message_name" id="message_name" aria-describedby="basic-addon3"></textarea>
      </div>
      <div class="input-group">
        <span class="input-group-addon" id="basic-addon4">Params</span>
        <textarea type="text" class="form-control custom-control" rows="6" style="resize:none" name ="params" id="params" aria-describedby="basic-addon4"></textarea>
      </div>
      <div class="input-group">
          <span class="input-group-addon" id="basic-addon5">WA Number</span>
          <select class="form-control" id="wa_phone" name="wa_phone">
              {% for phone in wa_phones %}
                   <option value="{{ phone[0] }}">{{phone[1]}} - {{phone[0]}}</option>
              {% endfor %}
          </select>
      </div>
      <div class="input-group">
        <span class="input-group-addon" id="basic-addon6">Deploy Time (yyyy-mm-dd hh:mm)</span>
        <textarea type="text" class="form-control custom-control" rows="6" style="resize:none" name ="deploy_time" id="deploy_time" aria-describedby="basic-addon6"></textarea>
      </div>
      <button type="submit" class="btn btn-success">Submit</button>
    </form>
  </div>
{% endblock content %}