{% extends "base.html" %}

{% block content %}
{% include "partials/navbar.html" %}
<div class="container">
  <h1> यूज़र को कॉल करेंं </h1>

  {% if error %}
    {% if error == "DND" %}
      <div class="alert alert-danger" role="alert">
        {{ user_phone }} DND पर है|
      </div>
    {% else %}
      <div class="alert alert-danger" role="alert">
        यह कॉल फेल हो गया| कृपया एक बारी नंबर {{user_phone}} चेक कर ले| अगर नंबर ठीक है तो दोबारा ट्राइ करे|
      </div>
    {% endif %}
  {% endif %}

  {% if success %}
    <div class="alert alert-success" role="alert">
      यह कॉल हमने schedule कर दिया है। अगर आपको थोड़ी देर मे कॉल ना आए तो दोबारा ट्राइ करे।
    </div>
  {% endif %}

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

    <div id="usernumberinput" class="input-group col-md-6">
      <span class="input-group-addon" id="basic-addon1">यूज़र नंबर</span>
      <input type="text" class="form-control" name="user_phone" id="user_phone" aria-describedby="basic-addon1">
    </div>

    <div id="agentnumberinput" class="input-group col-md-6">
      <span class="input-group-addon" id="basic-addon2">आपका नंबर</span>
      <input type="text" class="form-control" name="agent_phone" id="agent_phone" aria-describedby="basic-addon2" value="{{current_user.phone}}">
    </div>

    <div id="exotelphoneinput" class="input-group col-md-6">
      <span class="input-group-addon" id="basic-addon3">दोस्त का नंबर</span>
      <input type="text" class="form-control" name="exotel_phone" id="exotel_phone" aria-describedby="basic-addon2" value="{{exotel_phone}}" readonly="readonly">
    </div>

    <div id="purposeinput" class="input-group col-md-6">
      <span class="input-group-addon" id="basic-addon4">कॉल की वजह</span>
      <select class="form-control" name ="purpose" id='purpose' aria-describedby="basic-addon4">
        {% for p in purposes %}
          <option value="{{ p[0] }}">{{p[1]}}</option>
        {% endfor %}
      </select>
    </div>

    <button id="form_submit" type="submit" class="btn btn-success">कॉल करें</button>
  </form>
</div>

{% endblock content %}