{% extends 'base.html' %}
{% block content %}
<div class="title-row">
    <div>
        <h1>Список товаров</h1>
        <p class="muted">Найдено товаров: {{ products|length }}</p>
    </div>
    {% if is_admin %}
        <a class="main-btn" href="{{ url_for('product_add') }}">Добавить товар</a>
    {% endif %}
</div>

{% if is_staff %}
<form id="filterForm" class="panel filters" method="get">
    <input type="text" name="search" placeholder="Поиск по всем текстовым данным" value="{{ search }}">
    <select name="supplier_id">
        <option value="">Все поставщики</option>
        {% for s in suppliers %}
            <option value="{{ s.id_supplier }}" {% if supplier_id|string == s.id_supplier|string %}selected{% endif %}>{{ s.supplier_name }}</option>
        {% endfor %}
    </select>
    <select name="sort">
        <option value="name" {% if sort_mode == 'name' %}selected{% endif %}>По названию</option>
        <option value="price_asc" {% if sort_mode == 'price_asc' %}selected{% endif %}>Цена по возрастанию</option>
        <option value="price_desc" {% if sort_mode == 'price_desc' %}selected{% endif %}>Цена по убыванию</option>
        <option value="stock_asc" {% if sort_mode == 'stock_asc' %}selected{% endif %}>Остаток по возрастанию</option>
        <option value="stock_desc" {% if sort_mode == 'stock_desc' %}selected{% endif %}>Остаток по убыванию</option>
    </select>
    <a class="btn-lite" href="{{ url_for('products') }}">Сбросить</a>
</form>
<script src="{{ url_for('static', filename='js/live_filters.js') }}"></script>
{% endif %}

<div class="product-list">
{% for p in products %}
    <div class="product-row {% if p.stock_quantity == 0 %}no-stock{% elif p.discount > 17 %}big-discount{% endif %}">
        <div class="photo-cell">
            <img src="{{ url_for('static', filename='uploads/products/' ~ (p.image_filename or 'picture.png')) }}"
                 onerror="this.src='{{ url_for('static', filename='uploads/products/picture.png') }}'"
                 alt="Фото товара">
        </div>

        <div class="product-info">
            <h2>{{ p.category_name }} | {{ p.name }}</h2>
            <p><b>Артикул:</b> {{ p.article }}</p>
            <p><b>Описание товара:</b> {{ p.description }}</p>
            <p><b>Производитель:</b> {{ p.manufacturer_name }}</p>
            <p><b>Поставщик:</b> {{ p.supplier_name }}</p>
            <p><b>Единица измерения:</b> {{ p.unit_name }}</p>
            <p><b>Количество на складе:</b> {{ p.stock_quantity }}</p>
            <p><b>Цена:</b>
                {% if p.discount > 0 %}
                    <span class="old-price">{{ p.price }} ₽</span>
                    <span class="new-price">{{ p.final_price }} ₽</span>
                {% else %}
                    <span class="new-price">{{ p.price }} ₽</span>
                {% endif %}
            </p>
        </div>

        <div class="discount-cell">
            <b>Действующая скидка</b>
            <span>{{ p.discount|int }}%</span>
            {% if is_admin %}
                <a class="edit-link" href="{{ url_for('product_edit', product_id=p.id_product) }}">Редактировать</a>
                <form method="post" action="{{ url_for('product_delete', product_id=p.id_product) }}">
                    <button class="delete-btn" onclick="return confirm('Удалить товар? Если товар есть в заказе, удаление будет запрещено.')">Удалить</button>
                </form>
            {% endif %}
        </div>
    </div>
{% else %}
    <div class="panel">Товары не найдены.</div>
{% endfor %}
</div>
{% endblock %}