{% extends "base.html" %}

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

{% block content %}
<div class="panel" style="max-width:800px;">
    <p><strong>Статус:</strong> {{ object.status }}</p>
    <p><strong>Дата заказа:</strong> {{ object.order_date }}</p>
    <p><strong>Дата доставки:</strong> {{ object.delivery_date }}</p>
    <p><strong>Пункт выдачи:</strong> {{ object.pickup_point.address }}</p>
    <p><strong>Клиент:</strong> {{ object.user.first_name }}</p>
    <p><strong>Код для получения:</strong> {{ object.code }}</p>

    <h3 style="color:#546F94;">Состав заказа</h3>
    <ul>
        {% for item in object.items.all %}
        <li>{{ item.product.name }} ({{ item.product.articule }}) — {{ item.count }} шт.</li>
        {% empty %}
        <li>Нет позиций</li>
        {% endfor %}
    </ul>

    <p style="margin-top:16px;">
        <a class="btn" href="{% url 'orders-list' %}">Назад к списку</a>
        {% if user.role == "Администратор" %}
        <a class="btn" href="{% url 'orders-update' object.number %}">Изменить</a>
        {% endif %}
    </p>
</div>
{% endblock %}