{% extends 'dg_core/base.html' %}
{% load i18n dg_board %}

{% block title %}{% translate "New ticket" %} · {% tracker_name %}{% endblock %}

{% block extra_head %}
{% include 'dg_board/_assets.html' %}
{% include 'dg_board/_editor_assets.html' %}
{% endblock %}

{% block content %}
<div class="py-3">
  <nav class="tk-crumbs mb-2">
    {% include 'dg_board/_logo.html' %}
    <i class="bi bi-chevron-right small"></i>
    <span>{% translate "New ticket" %}</span>
  </nav>

  <form method="post" data-upload-url="{% url 'dg_board:attachment_upload' %}">
    {% csrf_token %}
    {% form_errors form %}
    <div class="row g-4">
      <div class="col-lg-8">
        <input type="text" name="{{ form.title.html_name }}" value="{{ form.title.value|default:'' }}" maxlength="255" required
               class="form-control form-control-lg tk-title mb-2{% if form.title.errors %} is-invalid{% endif %}" placeholder="{% translate 'Ticket title' %}" autofocus>
        {% for error in form.title.errors %}<div class="invalid-feedback d-block">{{ error }}</div>{% endfor %}
        <div class="dg-editor">{% field form.description label=False help_text=False %}</div>
      </div>
      <div class="col-lg-4">
        <aside class="tk-panel">
          {% field form.column %}
          {% field form.assignee %}
          {% field form.size %}
          {% field form.labels_text %}
          <div class="d-flex gap-2">
            <button type="submit" class="btn btn-primary">{% translate "Create ticket" %}</button>
            <a class="btn btn-outline-secondary" href="{% url 'dg_board:board' %}">{% translate "Cancel" %}</a>
          </div>
        </aside>
      </div>
    </div>
  </form>
</div>
{% endblock %}