{% extends 'cleaning/base.html' %}

{% block title %}О бригаде{% endblock %}

{% block content %}
{# mb-4 — отступ снизу, чтобы карточка не прилипала к таблицам #}
<div class="card mb-4">
    <div class="card-header"><h4>{{ brigade.name }}</h4></div>
    <div class="card-body">
        <p><strong>Руководитель:</strong> {{ brigade.supervisor }}</p>
        <p><strong>Сотрудников:</strong> {{ brigade.employee_count }}</p>
        <p><strong>Специализация:</strong> {{ brigade.specialization }}</p>
    </div>
</div>

<h5>Активные заказы</h5>
<table class="table table-hover">
    <thead><tr><th>Заказ</th><th>Клиент</th><th>Дата</th></tr></thead>
    <tbody>
        {% for order in active %}
        <tr>
            <td><a href="{% url 'cleaning:order_detail' order.pk %}">Заказ №{{ order.pk }}</a></td>
            <td>{{ order.client }}</td>
            <td>{{ order.date }}</td>
        </tr>
        {% endfor %}
    </tbody>
</table>

<h5 class="mt-4">Выполненные заказы</h5>
<table class="table table-hover">
    <thead><tr><th>Заказ</th><th>Клиент</th><th>Дата</th></tr></thead>
    <tbody>
        {% for order in completed %}
        <tr>
            <td><a href="{% url 'cleaning:order_detail' order.pk %}">Заказ №{{ order.pk }}</a></td>
            <td>{{ order.client }}</td>
            <td>{{ order.date }}</td>
        </tr>
        {% endfor %}
    </tbody>
</table>
{% endblock %}