{% extends "base.html" %}
{% set currentPage = "setParameters" %}

{% block title %} Set URCPP Parameters {% endblock %}

{% block body %}
{% include 'snips/messages.html' %}
{% include "chair/nav_tabs.html" %}
<h1>URCPP Parameters</h1>

<p>
  {{ldap.firstname}}, what would you like to change?
</p>

 <!--Set the application start date-->
 <!--Set the application end date-->
 <!--Set the mileage rate-->
 <!--Set the labor rate-->
 
 <form id = "parametersForm"
       class = "form-horizontal col-sm-10 col-sm-offset-1"
       action = "/chair/setParameters"
       method = "POST">
  
    <div  class = "row" 
          style = "padding-bottom: 10px;">
      <label  for='newYear' 
              class = 'col-sm-4 control-label'>
         Year
      </label>
      <div class = 'col-sm-8'>
        <input  name  = 'newYear' 
                  id    = 'newYear' 
                  type  = 'number' 
                  class = 'form-control quantity'
                  required
                  step  = "1"
                  placeholder = "Enter a new URCPP year"
                  />
      </div>
      
      </div>
       <div  class = "row" 
          style = "padding-bottom: 10px;">
      <label  for='applicationOpenDate' 
              class = 'col-sm-4 control-label'>
         Application Open Date
      </label>
      <div class = 'col-sm-8'>
        <input  name  = 'applicationOpenDate' 
                  id    = 'applicationOpenDate' 
                  class = 'form-control hasDatePicker'
                  required
                  placeholder = "yyyy/mm/dd"
                  />
      </div>
      </div>
      <div  class = "row" 
          style = "padding-bottom: 10px;">
      <label  for='applicationCloseDate' 
              class = 'col-sm-4 control-label'>
         Application Close Date
      </label>
      <div class = 'col-sm-8'>
         <input  name  = 'applicationCloseDate' 
                  id    = 'applicationCloseDate' 
                  class = 'form-control hasDatePicker'
                  required
                  placeholder = "yyyy/mm/dd"
                  />
      </div>
      </div>
      <div  class = "row" 
          style = "padding-bottom: 10px; ">
      <label  for='mileageRate' 
              class = 'col-sm-4 control-label'>
         Mileage Rate
      </label>
      <div class = 'col-sm-8'>
        <input  name  = 'mileageRate' 
                  id    = 'mileageRate' 
                  type  = 'number' 
                  class = 'form-control quantity'
                  required
                  step  = "0.01"
                  placeholder = "Enter milage rate"
                  />
      </div>
      </div>
      <div  class = "row" 
          style = "padding-bottom: 10px; ">
      <label  for='laborRate' 
              class = 'col-sm-4 control-label'>
         Labor Rate
      </label>
      <div class = 'col-sm-8'>
        <input  name  = 'laborRate' 
                  id    = 'laborRate' 
                  type  = 'number' 
                  class = 'form-control quantity'
                  required
                  step  = "0.01"
                  placeholder = "Enter labor rate"
                  />
      </div>
      </div>
      <div class = "form-group"  >
      <div class = "col-sm-offset-10 col-sm-2" 
           id = "submitButton"
           >
        <button id = "submit" 
                type = "submit" 
                class="btn btn-block btn-primary"
                class = "form-control"
                />
          Submit
        </button>
      </div>
    </div>
  </form>
  
  {% include "snips/parametersTable.html" %}


{% endblock %}
