{% extends "base.html" %}
{% load static %}
{% block title %}Список товаров{% endblock %}
{% block content %}
<h1>Товары
{% if role == 'admin' or role == 'manager' %} | <a href="{% url 'orders-list' %}">Заказы</a>{% endif %}
{% if role == 'admin' %} | <a href="{% url 'products-create' %}">Добавить товар</a>{% endif %}
</h1>

{% if role == 'admin' or role == 'manager' %}
<form method="get">
<input name="q" value="{{ request.GET.q }}" placeholder="Поиск" oninput="this.form.submit()">
<select name="sort" onchange="this.form.submit()">
<option value="">Сортировка</option>
<option value="price_up" {% if request.GET.sort == 'price_up' %}selected{% endif %}>Цена ↑</option>
<option value="price_down" {% if request.GET.sort == 'price_down' %}selected{% endif %}>Цена ↓</option>
<option value="stock_up" {% if request.GET.sort == 'stock_up' %}selected{% endif %}>Склад ↑</option>
<option value="stock_down" {% if request.GET.sort == 'stock_down' %}selected{% endif %}>Склад ↓</option>
</select>
<select name="discount" onchange="this.form.submit()">
<option value="">Все диапазоны</option>
<option value="0-12" {% if request.GET.discount == '0-12' %}selected{% endif %}>0–12,99%</option>
<option value="13-16" {% if request.GET.discount == '13-16' %}selected{% endif %}>13–16,99%</option>
<option value="17" {% if request.GET.discount == '17' %}selected{% endif %}>17% и более</option>
</select>
</form>
{% endif %}

<table border="1">
<tr>
<th>Фото</th><th>Название</th><th>Категория</th><th>Описание</th>
<th>Производитель</th><th>Поставщик</th><th>Цена</th><th>Ед.</th><th>Склад</th><th>Скидка</th>
{% if role == 'admin' %}<th></th>{% endif %}
</tr>
{% for p in object_list %}
<tr class="{% if role == 'admin' %}clickable{% endif %}{% if p.stock == 0 %} gray{% elif p.discount > 25 %} hot{% endif %}"
    {% if role == 'admin' %}onclick="if(!event.target.closest('a'))location.href='{% url 'products-update' p.pk %}'"{% endif %}>
<td><img src="{% if p.photo %}{% static p.photo %}{% else %}{% static 'picture.png' %}{% endif %}" width="50" alt=""></td>
<td>{{ p.name }}</td>
<td>{{ p.category }}</td>
<td>{{ p.description|truncatechars:50 }}</td>
<td>{{ p.manufacturer }}</td>
<td>{{ p.supplier }}</td>
<td>{% if p.discount %}<s class="old-price">{{ p.price }}</s> <span class="new-price">{{ p.final_price|floatformat:2 }}</span>{% else %}{{ p.price }}{% endif %} ₽</td>
<td>{{ p.unit }}</td>
<td>{{ p.stock }}</td>
<td>{{ p.discount }}%</td>
{% if role == 'admin' %}
<td><a href="{% url 'products-delete' p.pk %}" onclick="event.stopPropagation()">Удалить</a></td>
{% endif %}
</tr>
{% endfor %}
</table>
{% endblock %}