{% extends "base.html" %}

{% block title %}Заказы — ЧитайГород{% endblock %}
{% block page_title %}Заказы{% endblock %}

{% block extra_css %}
<style>
    table {
        width: 100%;
        border-collapse: collapse;
        background: #fff;
    }

    th,
    td {
        border: 1px solid #ABCFCE;
        padding: 10px;
        text-align: left;
    }

    th {
        background: #546F94;
        color: #fff;
    }

    tr:nth-child(even) {
        background: #f9f9f9;
    }

    .filters form {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        align-items: end;
    }
</style>
{% endblock %}

{% block content %}
{% if filterset %}
<div class="panel filters">
    <form method="get">
        {{ filterset.form.as_p }}
        <button class="btn" type="submit">Применить</button>
        <a class="btn" href="{% url 'orders-list' %}">Сбросить</a>
    </form>
</div>
{% endif %}

{% if create_view_url and user.role == "Администратор" %}
<p><a class="btn" href="{{ create_view_url }}">Добавить заказ</a></p>
{% endif %}

{% if object_list %}
<table>
    <thead>
        <tr>
            <th>Номер</th>
            <th>Статус</th>
            <th>Дата заказа</th>
            <th>Дата доставки</th>
            <th>Пункт выдачи</th>
            <th>Клиент</th>
            <th>Код</th>
            <th></th>
        </tr>
    </thead>
    <tbody>
        {% for order in object_list %}
        <tr>
            <td>{{ order.number }}</td>
            <td>{{ order.status }}</td>
            <td>{{ order.order_date }}</td>
            <td>{{ order.delivery_date }}</td>
            <td>{{ order.pickup_point.address }}</td>
            <td>{{ order.user.first_name }}</td>
            <td>{{ order.code }}</td>
            <td>
                <a href="{% url 'orders-detail' order.number %}">Подробнее</a>
                {% if user.role == "Администратор" %}
                | <a href="{% url 'orders-update' order.number %}">Изменить</a>
                | <a href="{% url 'orders-delete' order.number %}">Удалить</a>
                {% endif %}
            </td>
        </tr>
        {% endfor %}
    </tbody>
</table>
{% else %}
<p>Заказы не найдены.</p>
{% endif %}
{% endblock %}