{% extends 'base.html' %}
{% block content %}
<div class="d-flex justify-content-between align-items-center mb-3">
  <h2>Projekte</h2>
  <a href="/tickets/new" class="btn btn-primary">Neues Ticket</a>
  
</div>

<div class="row g-4">
  <div class="col-md-7 order-md-2">
    <div class="list-group">
      {% for p in projects %}
      <a class="list-group-item list-group-item-action" href="/projects/{{p.id}}">
        <div class="d-flex w-100 justify-content-between">
          <h5 class="mb-1">{{ p.name }}</h5>
          <small class="text-muted">{{ p.created_at }}</small>
        </div>
        <p class="mb-1 text-muted">{{ p.description or '–' }}</p>
      </a>
      {% else %}
      <div class="list-group-item">Noch keine Projekte.</div>
      {% endfor %}
    </div>
  </div>
  <div class="col-md-5 order-md-1">
    <div class="card">
      <div class="card-header">Projekt anlegen</div>
      <div class="card-body">
        <form method="post">
          <div class="mb-3">
            <label class="form-label">Name</label>
            <input type="text" class="form-control" name="name" required>
          </div>
          <div class="mb-3">
            <label class="form-label">Beschreibung</label>
            <textarea class="form-control" name="description" rows="3"></textarea>
          </div>
          <button class="btn btn-success" type="submit">Erstellen</button>
        </form>
      </div>
    </div>
  </div>
</div>
{% endblock %}