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

{% if can_search_products %}
<form class="toolbar" method="get">
    <input type="text" name="search" value="{{ search }}" placeholder="Поиск по артикулу, названию, описанию, категории...">
    <select name="supplier">
        <option value="">Все поставщики</option>
        {% for supplier in suppliers %}
            <option value="{{ supplier.id_supplier }}" {% if selected_supplier|string == supplier.id_supplier|string %}selected{% endif %}>{{ supplier.supplier_name }}</option>
        {% endfor %}
    </select>
    <select name="sort">
        <option value="name" {% if sort == 'name' %}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>
    <button class="btn btn-accent" type="submit">Применить</button>
    <a class="btn btn-secondary" href="{{ url_for('products') }}">Сброс</a>
</form>
{% else %}
<div class="note">Для роли «{{ role_name }}» доступен только просмотр товаров без поиска, фильтрации и сортировки.</div>
{% endif %}

<div class="product-grid">
{% for product in products %}
    <article class="product-card {% if product.discount_percent > 15 %}discount-high{% endif %}">
        <div class="product-image-wrap">
            <img src="{{ product_image_url(product.photo_url) }}" alt="{{ product.product_name }}">
        </div>
        <div class="product-main">
            <div class="product-head">
                <h2>{{ product.product_name }}</h2>
                <span class="article">{{ product.article_number }}</span>
            </div>
            <p class="description">{{ product.description or 'Описание отсутствует' }}</p>
            <div class="fields">
                <div><b>Категория:</b> {{ product.category_name }}</div>
                <div><b>Поставщик:</b> {{ product.supplier_name }}</div>
                <div><b>Производитель:</b> {{ product.manufacturer_name }}</div>
                <div><b>Ед. изм.:</b> {{ product.unit }}</div>
                <div><b>На складе:</b> {{ product.stock_quantity }}</div>
                <div><b>Статус:</b> {{ product.availability_status }}</div>
                <div><b>Цена:</b> {{ '%.2f'|format(product.price) }} ₽</div>
                <div><b>Скидка:</b> {{ '%.0f'|format(product.discount_percent) }}%</div>
                <div><b>Цена со скидкой:</b> {{ '%.2f'|format(product.discounted_price) }} ₽</div>
            </div>
        </div>
        {% if is_admin %}
        <div class="card-actions">
            <a class="btn btn-small" href="{{ url_for('product_edit', product_id=product.id_product) }}">Редактировать</a>
            <form method="post" action="{{ url_for('product_delete', product_id=product.id_product) }}" onsubmit="return confirm('Удалить товар?')">
                <button class="btn btn-danger btn-small" type="submit">Удалить</button>
            </form>
        </div>
        {% endif %}
    </article>
{% else %}
    <div class="empty">Товары не найдены</div>
{% endfor %}
</div>
{% endblock %}