{% extends "base.html" %}
{% load vergabe_tags %}
{% block title %}Lose — {{ ausschreibung.titel }}{% endblock %}
{% block content %}

<div class="flex items-center justify-between mb-4">
  <h1 class="page-title">Lose</h1>
  <a href="{% url 'ausschreibungen:lose:neu' ausschreibung.pk %}" class="btn-primary text-xs">+ Los hinzufügen</a>
</div>

{% if lose %}
<div class="card">
  <table class="w-full text-sm">
    <thead>
      <tr class="border-b border-slate-200 text-left text-xs text-slate-500">
        <th class="pb-2 pr-4">Nr.</th>
        <th class="pb-2 pr-4">Titel</th>
        <th class="pb-2 pr-4">Zuständig</th>
        <th class="pb-2 pr-4">Aufgaben</th>
        <th class="pb-2 pr-4">Teilnahme</th>
        <th class="pb-2"></th>
      </tr>
    </thead>
    <tbody id="lose-table" class="divide-y divide-slate-100">
      {% for los in lose %}
      {% include "lose/partials/los_row.html" %}
      {% endfor %}
    </tbody>
  </table>
</div>
{% else %}
<div class="card text-center text-sm text-slate-500 py-8">
  Noch keine Lose angelegt.
</div>
{% endif %}

{% endblock %}