{% extends 'base.html' %}
{% block content %}
<div class="d-flex justify-content-between align-items-center mb-3">
  <h2>Projekt: {{ project.name }}</h2>
  <a href="/tickets/new?project_id={{project.id}}" class="btn btn-primary">Ticket für Projekt erstellen</a>
</div>
<p class="text-muted">{{ project.description or '–' }}</p>

<div class="table-responsive">
  <table class="table table-striped align-middle">
    <thead>
      <tr>
        <th>ID</th>
        <th>Titel</th>
        <th>Status</th>
        <th>Prio</th>
        <th>Erstellt</th>
      </tr>
    </thead>
    <tbody>
      {% for t in tickets %}
      <tr>
        <td>{{ t.id }}</td>
        <td><a href="/tickets/{{t.id}}">{{ t.title }}</a></td>
        <td><span class="badge bg-secondary">{{ t.status }}</span></td>
        <td>{{ t.priority }}</td>
        <td><small class="text-muted">{{ t.created_at }}</small></td>
      </tr>
      {% else %}
      <tr><td colspan="5" class="text-muted">Keine Tickets.</td></tr>
      {% endfor %}
    </tbody>
  </table>
{% endblock %}