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

{% block content %}
{% include "partials/navbar.html" %}
<div class="container">
  <h1> Time Change Request</h1>

  <form action="/tcr" method="POST" name="time_change_request">

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

	<div id="appidinput" class="input-group col-md-6">
      <span class="input-group-addon" id="basic-addon2">Time Category</span>
      <select class="form-control" id="time_category" name="time_category">
          {% for tc in timecategories %}
               <option value="{{ tc.name }}">{{tc.name}} - {{tc.time}}</option>
          {% endfor %}
      </select>
    </div>

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

{% endblock content %}