{% extends 'base.html' %}
{% block content %}
<h2>Neues Ticket</h2>
<form method="post">
  <div class="row g-3">
    <div class="col-md-8">
      <div class="mb-3">
        <label class="form-label">Titel</label>
        <input type="text" name="title" class="form-control" required>
      </div>
      <div class="mb-3">
        <label class="form-label">Beschreibung</label>
        <textarea name="description" rows="8" class="form-control" placeholder="Was? Wo? Wie reproduzieren? Erwartetes vs. tatsächliches Verhalten..."></textarea>
      </div>
    </div>
    <div class="col-md-4">
      <div class="mb-3">
        <label class="form-label">Projekt</label>
        <select name="project_id" class="form-select" required>
          {% for p in projects %}
          <option value="{{p.id}}" {% if request.args.get('project_id') and (p.id|string) == (request.args.get('project_id')|string) %}selected{% endif %}>{{ p.name }}</option>
          {% endfor %}
        </select>
      </div>
      <div class="mb-3">
        <label class="form-label">Status</label>
        <select name="status" class="form-select">
          <option value="open">open</option>
          <option value="in_progress">in_progress</option>
          <option value="closed">closed</option>
        </select>
      </div>
      <div class="mb-3">
        <label class="form-label">Priorität</label>
        <select name="priority" class="form-select">
          <option value="low">low</option>
          <option value="normal" selected>normal</option>
          <option value="high">high</option>
          <option value="urgent">urgent</option>
        </select>
      </div>
      <div class="mb-3">
        <label class="form-label">Reporter</label>
        <input type="text" name="reporter" class="form-control">
      </div>
      <div class="mb-3">
        <label class="form-label">Zuständig</label>
        <input type="text" name="assignee" class="form-control">
      </div>
      <div class="d-grid">
        <button class="btn btn-success" type="submit">Erstellen</button>
      </div>
    </div>
  </div>
</form>
{% endblock %}