{% extends 'base.html' %}
{% block content %}
<h2>Список товаров</h2>

{% if role == 'Администратор' or role == 'Менеджер' %}
    <div class="filter-panel">
        <form method="get" id="filter-form" onchange="this.submit()" oninput="this.submit()">
            <input type="text" name="search" id="search" placeholder="Поиск..." value="{{ search_query }}">
            <select name="sort" onchange="this.form.submit()">
                <option value="" {% if not sort_by %}selected{% endif %}>
                    Без сортировки
                </option>
                <option value="price_asc" {% if sort_by == 'price_asc' %}selected{% endif %}>
                    По цене (возр.)
                </option>
                <option value="price_desc" {% if sort_by == 'price_desc' %}selected{% endif %}>
                    По цене (убыв.)
                </option>
                <option value="stock_asc" {% if sort_by == 'stock_asc' %}selected{% endif %}>
                    По количеству (возр.)
                </option>
                <option value="stock_desc" {% if sort_by == 'stock_desc' %}selected{% endif %}>
                    По количеству (убыв.)
                </option>
            </select>
            <select name="discount" onchange="this.form.submit()">
                <option value="all" {% if disc_filter == 'all' or not disc_filter %}selected{% endif %}>
                    Все диапазоны
                </option>
                <option value="0-12.99" {% if disc_filter == '0-12.99' %}selected{% endif %}>
                    От 0 до 12.99%
                </option>
                <option value="13-16.99" {% if disc_filter == '13-16.99' %}selected{% endif %}>
                    От 13 до 16.99%
                </option>
                <option value="17+" {% if disc_filter == '17+' %}selected{% endif %}>
                    От 17% и более
                </option>
            </select>
        </form>
    </div>
{% endif %}

<div class="cards">
    {% for prod in products %}
        <div class="card">
            <div class="prod-image">
                {% if prod.image_path %}
                    <img src="/media/{{ prod.image_path }}" width="50">
                {% else %}
                    <img src="/static/picture.png" width="50">
                {% endif %}
            </div>
            <div class="prod-info">
                <p><strong>{{ prod.category }} | {{ prod.name }}</strong></p>
                <p>{{ prod.description }}</p>
                <p>Производитель {{ prod.manufacturer }}</p>
                <p>Поставщик {{ prod.supplier }}</p>
                <p class="{% if prod.discount > 25 %}discount{% endif %}">
                    {% if prod.discount %}
                        <s style="color: red;">{{ prod.price|floatformat:2 }}</s>  {{ prod.get_final_price|floatformat:2 }}
                    {% else %}
                        {{ prod.price }}
                    {% endif %}
                </p>
                <p>{{ prod.unit }}</p>
                <p class="{% if prod.stock_quantity == 0 %}out-of-stock{% endif %}">{{ prod.stock_quantity }}</p>
            </div>
            <div class="disc">
                {{ prod.discount }}
            </div>
            {% if role == 'Администратор' %}
                <a href="{% url 'product_edit' prod.id %}">Изменить</a>
                <a href="{% url 'product_delete' prod.id %}" onclick="return confirm('Удалить товар?')">
                    Удалить
                </a>
            {% endif %}
        </div>
        {% empty %}
        <p>Нет товаров</p>
    {% endfor %}
</div>

{% endblock %}