{% extends 'layout.twig' %}

{% block title %}Create new ticket{% endblock %}

{% block content %}
  <div class="row">
    <div class="columns twelve">
      <h1>Create new ticket</h1>
    </div>
  </div>

  <div class="row">
    <div class="columns twelve">
      <form id="ticket-form" action="/ticket/create" method="POST" class="u-full-width">
        <div class="row">
          <div class="six columns">
            <label for="ticket_title">Title</label>
            <input id="ticket_title" class="u-full-width" type="text" placeholder="My new ticket" name="ticket_title">
          </div>
          <div class="two columns">
            <label for="ticket_queue">Queue</label>
            <select name="ticket_queue" id="ticket_queue" class="u-full-width">
              {% for q in queues %}
                <option value="{{ q.id }}">{{ q.title }}</option>
              {% endfor %}
            </select>
          </div>
          <div class="two columns">
            <label for="ticket_due">Due at</label>
            <input id="ticket_due" class="u-full-width" type="datetime-local" name="ticket_due">
          </div>
          <div class="two columns">
            <label for="ticket_severity">Severity level</label>
            <select id="ticket_severity" class="u-full-width" name="ticket_severity">
              <option value="low">Low</option>
              <option value="medium">Medium</option>
              <option value="high">High</option>
            </select>
          </div>
        </div>

        <label for="ticket_body">Ticket body</label>
        <textarea id="ticket_body" class="u-full-width" placeholder="Explain what this ticket is about..." name="ticket_body"></textarea>

        <input class="button-primary u-full-width" type="submit" value="Submit">
      </form>
    </div>
  </div>
{% endblock %}