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

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

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

    <form action="/add-ivr-prompts" method="POST" name="promptform">
      <div class="input-group">
        <span class="input-group-addon" id="basic-addon1">Event</span>
        <textarea type="text" class="form-control custom-control" rows="6" style="resize:none" name="event" id="event" aria-describedby="basic-addon1"></textarea>
      </div>
      <div class="input-group">
        <span class="input-group-addon" id="basic-addon3">Exotel Appid</span>
        <textarea type="text" class="form-control custom-control" rows="6" style="resize:none" name ="appid" id="appid" aria-describedby="basic-addon3"></textarea>
      </div>
      <div class="input-group">
        <span class="input-group-addon" id="basic-addon3">Keypress</span>
        <textarea type="text" class="form-control custom-control" rows="6" style="resize:none" name ="keypress" id="keypress" aria-describedby="basic-addon3"></textarea>
      </div>

      <button type="submit" class="btn btn-success">Submit</button>
    </form>
  </div>

{% endblock content %}