{% extends 'layout.twig' %}

{% block title %}Editing ticket{% endblock %}

{% block content %}
  <div class="row">
    <div class="columns twelve">
      <h1>Editing "{{ ticket.title }}"</h1>
    </div>
  </div>

  <div class="row">
    <div class="columns twelve">
      <form id="ticket-form" action="{{ url_for('ticket.edit', {ticket_id: ticket.id}) }}" 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" value="{{ ticket.title }}">
          </div>
          <div class="columns three">
            <label for="ticket_due">Due at</label>
            <input id="ticket_due" class="u-full-width" type="datetime-local" name="ticket_due" value="{{ ticket.due_at }}">
          </div>
          <div class="three columns">
            <label for="ticket_severity">Severity level</label>
            <select id="ticket_severity" class="u-full-width" name="ticket_severity" value="{{ 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">{{ ticket.body }}</textarea>

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