{% extends "base.html" %}

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

{% block content %}
{% if is_admin %}
<p><a href="{% url 'order_create' %}" class="btn">Добавить заказ</a></p>
{% endif %}

<div class="product-grid">
    {% for order in orders %}
    <div class="product-card">
        {% with first_item=order.item_set.first %}
        {% if first_item and first_item.articul.photo %}
        <img src="{{ first_item.articul.photo.url }}" alt="Заказ №{{ order.pk }}">
        {% else %}
        <img src="/media/picture.png" alt="Заказ №{{ order.pk }}">
        {% endif %}
        {% endwith %}
        <div class="info">
            <h3>Заказ №{{ order.pk }}</h3>
            <p>Статус: {{ order.status }}</p>
            <p>Дата заказа: {{ order.order_date|date:"d.m.Y" }}</p>
            {% if order.delivery_date %}
            <p class="price">Дата доставки: {{ order.delivery_date|date:"d.m.Y" }}</p>
            {% endif %}
            <p>Пункт выдачи: {{ order.order_ofice.address }}</p>
            <p>Клиент: {{ order.user.first_name }}</p>
            <p>Код получения: {{ order.code }}</p>
            {% if order.item_set.all %}
            <p>Состав заказа:</p>
            <ul>
                {% for item in order.item_set.all %}
                <li>{{ item.articul.name }} — {{ item.count }} шт.</li>
                {% endfor %}
            </ul>
            {% endif %}
        </div>
        {% if is_admin %}
        <div class="actions">
            <a href="{% url 'order_edit' pk=order.pk %}">Редактировать</a>
            <a href="{% url 'order_delete' pk=order.pk %}">Удалить</a>
        </div>
        {% endif %}
    </div>
    {% empty %}
    <p>Заказов нет</p>
    {% endfor %}
</div>
{% endblock %}