{% extends 'base.html' %}
{% block title %}Товары · ООО «Обувь»{% endblock %}
{% block content %}
<div class="page-head">
    <div>
        <h2>Список товаров</h2>
        <p class="muted">Найдено товаров: {{ products|length }}</p>
    </div>
    {% if is_admin() %}
        <a class="btn accent" href="{{ url_for('product_add') }}">Добавить товар</a>
    {% endif %}
</div>

{% if filters_allowed %}
<form class="filters card" method="get">
    <input name="q" value="{{ q }}" placeholder="Поиск по артикулу, названию, описанию">
    <select name="category">
        <option value="">Все категории</option>
        {% for c in categories %}<option value="{{ c.category }}" {% if c.category == category %}selected{% endif %}>{{ c.category }}</option>{% endfor %}
    </select>
    <select name="supplier">
        <option value="">Все поставщики</option>
        {% for s in suppliers %}<option value="{{ s.supplier }}" {% if s.supplier == supplier %}selected{% endif %}>{{ s.supplier }}</option>{% endfor %}
    </select>
    <select name="manufacturer">
        <option value="">Все производители</option>
        {% for m in manufacturers %}<option value="{{ m.manufacturer }}" {% if m.manufacturer == manufacturer %}selected{% endif %}>{{ m.manufacturer }}</option>{% endfor %}
    </select>
    <select name="sort">
        <option value="article" {% if sort == 'article' %}selected{% endif %}>По артикулу</option>
        <option value="name" {% if sort == 'name' %}selected{% endif %}>По названию</option>
        <option value="price_asc" {% if sort == 'price_asc' %}selected{% endif %}>Цена ↑</option>
        <option value="price_desc" {% if sort == 'price_desc' %}selected{% endif %}>Цена ↓</option>
        <option value="discount_desc" {% if sort == 'discount_desc' %}selected{% endif %}>Скидка ↓</option>
        <option value="stock_asc" {% if sort == 'stock_asc' %}selected{% endif %}>Остаток ↑</option>
    </select>
    <button class="btn accent" type="submit">Применить</button>
    <a class="btn secondary" href="{{ url_for('products') }}">Сброс</a>
</form>
{% else %}
<div class="notice">По заданию для роли «{{ role }}» товары показываются без поиска, сортировки и фильтрации.</div>
{% endif %}

<section class="product-grid">
{% for p in products %}
    <article class="product-card {% if p.discount > 15 %}discount-high{% endif %}">
        <div class="product-image">
            {% if p.photo %}
                <img src="{{ url_for('static', filename='img/products/' ~ p.photo) }}" alt="{{ p.name }}">
            {% else %}
                <img src="{{ url_for('static', filename='img/Icon.png') }}" alt="Нет фото">
            {% endif %}
        </div>
        <div class="product-info">
            <div class="product-top">
                <h3>{{ p.name }}</h3>
                <span class="article">{{ p.article }}</span>
            </div>
            <p>{{ p.description }}</p>
            <div class="badges">
                <span>{{ p.category }}</span>
                <span>{{ p.manufacturer }}</span>
                <span>Склад: {{ p.stock_quantity }}</span>
            </div>
            <div class="price-row">
                <b>{{ '%.2f'|format(p.price) }} ₽</b>
                <span class="discount">Скидка {{ p.discount }}%</span>
            </div>
            {% if is_admin() %}
                <div class="actions">
                    <a class="btn secondary" href="{{ url_for('product_edit', article=p.article) }}">Редактировать</a>
                    <form method="post" action="{{ url_for('product_delete', article=p.article) }}" onsubmit="return confirm('Удалить товар?')">
                        <button class="btn danger" type="submit">Удалить</button>
                    </form>
                </div>
            {% endif %}
        </div>
    </article>
{% else %}
    <div class="empty">Товары не найдены.</div>
{% endfor %}
</section>
{% endblock %}