{% extends "base.html" %}

{% block content %}
<div class="container">
  <h1> Deploy calls using exotel </h1>

  <form action="/calls" method="POST" name="calls">

    <div id="phoneinput" class="input-group col-md-6">
      <span class="input-group-addon" id="basic-addon1">Exophone number</span>
      <input type="text" class="form-control" name="exo_phone" id="exo_phone" aria-describedby="basic-addon1">
    </div>

	<div id="appidinput" class="input-group col-md-6">
      <span class="input-group-addon" id="basic-addon1">Exotel FlowID</span>
      <input type="text" class="form-control" name="exo_appid" id="exo_appid" aria-describedby="basic-addon2">
    </div>

    <div id="userphones" 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="10" style="resize:none" name ="phones" id="phones" aria-describedby="basic-addon5"></textarea>
    </div>

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

{% endblock content %}