{% extends 'base.html' %}
{% set title = 'Товары' %}
{% block content %}
<div class="page-title-row">
    <div>
        <h1>Товары</h1>
        <p>Просмотр ассортимента магазина «МирИгрушек».</p>
    </div>
    {% if is_admin %}
        <a class="btn btn-accent" href="{{ url_for('add_product') }}">Добавить товар</a>
    {% endif %}
</div>

{% if allow_tools %}
<form id="productFilterForm" class="filter-panel" method="get" action="{{ url_for('products') }}">
    <label>Поиск
        <input type="search" name="q" value="{{ q }}" placeholder="Название, артикул, поставщик">
    </label>
    <label>Поставщик
        <select name="supplier_id">
            <option value="">Все</option>
            {% for supplier in suppliers %}
                <option value="{{ supplier.supplier_id }}" {% if supplier_id|string == supplier.supplier_id|string %}selected{% endif %}>{{ supplier.supplier_name }}</option>
            {% endfor %}
        </select>
    </label>
    <label>Сортировка
        <select name="sort">
            <option value="" {% if not sort %}selected{% endif %}>Без сортировки</option>
            <option value="stock_asc" {% if sort == 'stock_asc' %}selected{% endif %}>Количество ↑</option>
            <option value="stock_desc" {% if sort == 'stock_desc' %}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>
        </select>
    </label>
    <button class="btn btn-accent" type="submit">Применить</button>
    <a class="btn btn-light" href="{{ url_for('products') }}">Сбросить</a>
</form>
{% else %}
<div class="note">Для текущей роли доступен только просмотр списка товаров.</div>
{% endif %}

<div class="products-list">
    {% for product in products %}
        <div class="product-card {% if product.discount > 17 %}discount-card{% endif %}">
            <div class="product-photo-box">
                <img class="product-img-big" src="{{ url_for('static', filename=product.image_path or 'images/picture.png') }}" alt="{{ product.product_name }}">
            </div>

            <div class="product-info-box">
                <h2>{{ product.product_name }}</h2>
                <div class="product-article">Артикул: {{ product.article }}</div>
                <p class="description">{{ product.description }}</p>

                <div class="product-lines">
                    <div><b>Категория:</b> {{ product.category_name }}</div>
                    <div><b>Производитель:</b> {{ product.manufacturer_name }}</div>
                    <div><b>Поставщик:</b> {{ product.supplier_name }}</div>
                    <div><b>Остаток:</b> {{ product.stock_quantity }} {{ product.unit_name }}</div>
                    <div><b>Скидка:</b> {{ product.discount }}%</div>
                </div>
            </div>

            <div class="product-price-box">
                {% if product.discount > 0 %}
                    <div class="old-price">{{ '%.2f'|format(product.price) }} ₽</div>
                    <div class="final-price">{{ '%.2f'|format(product.final_price) }} ₽</div>
                {% else %}
                    <div class="final-price">{{ '%.2f'|format(product.price) }} ₽</div>
                {% endif %}

                {% if product.stock_quantity == 0 %}
                    <div class="stock-text">Нет в наличии</div>
                {% endif %}

                {% if is_admin %}
                    <div class="card-actions">
                        <a class="btn btn-light" href="{{ url_for('edit_product', product_id=product.product_id) }}">Изменить</a>
                        <form method="post" action="{{ url_for('delete_product', product_id=product.product_id) }}" data-confirm="Удалить товар? Если он есть в заказе, удаление будет запрещено.">
                            <button class="btn btn-danger" type="submit">Удалить</button>
                        </form>
                    </div>
                {% endif %}
            </div>
        </div>
    {% else %}
        <div class="empty-box">Товары не найдены.</div>
    {% endfor %}
</div>
{% endblock %}