{% extends "ts/date_input.html" %}

{% block title %}{{ section.title }}{% endblock %}

{% block date_input %}
    <script type="text/javascript">
      $(function() {
        $("#id_e_date").date_input();
      });
    </script>
{% endblock %}

{% block content %}
<h1>New Ticket:</h1>

<form method="POST" action="/ts/new/">
  <div class="detail">
    <div class="row single">
      <div>
        <h3>{{form.s_desc.label_tag}}:</h3>{{form.s_desc}}
      </div>
    </div>
    <div class="clear">
      <div class="row one"><h3>{{form.resp.label_tag}}:</h3>{{form.resp}}</div>
      <div class="row two"><h3>{{form.queue.label_tag}}:</h3>{{form.queue}}</div>
    </div>
    <div>
      <div class="row one"><h3>{{form.urg.label_tag}}:</h3>{{form.urg}}</div>
      <div class="row two"><h3>{{form.status.label_tag}}</h3>{{form.status}}</div>
    </div>
    <div class="row clear">
      <h3>{{form.e_date.label_tag}}:</h3>{{form.e_date}} (YYYY-MM-DD)
    </div>
    <div class="row last clear">
      <h3>{{form.l_desc.label_tag}}:</h3>
      {{form.l_desc}}</textarea>
    </div>
    {% if message %} <div class="error">{{ message }}</div> {% endif %}
  </div>
  <br />
  <div class="toolbar"><input type="submit" value="Create"/></div>
</form>
{% endblock %}

