{% extends "base.html" %}

{% block content %}
{% include "partials/navbar.html" %}
<div class="container">
  <h1> Schedule {{ title }} </h1>
  {% with messages = get_flashed_messages() %}
    {% if messages %}
      <div class="alert alert-warning alert-dismissible fade in flashes" role="alert" id="alert">
        {% for message in messages %}
          {% for info in message %}
            {{ info }}
          {% endfor %}
        {% endfor %}
      </div>
    {% endif %}
  {% endwith %}

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

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

    <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" required>
    </div>

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

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



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

    <div class="input-group col-md-6">
      <span class="input-group-addon" id="basic-addon4">Deployment Time</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 class="input-group col-md-6">
      <span class="input-group-addon" id="basic-addon1">Repeat Nudge</span>
      <select class="form-control" name="repeat_frequency" id="repeat_frequency" aria-describedby="basic-addon6">
      <option value="once">Once</option>
      <option value="daily">Daily</option>
      <option value="weekly">Weekly</option>
      <option value="monthly">Monthly</option>
      </select>
    </div>

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


<script type="text/javascript">
  setTimeout(function () {
      $('#alert').alert('close');
  }, 4000);
</script>
{% endblock content %}