{% extends "base.html" %}
{% block title %}Товары — ЭВОСИНК{% endblock %}

{% block content %}
<nav aria-label="breadcrumb" class="mb-3">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="/catalog">Каталог</a></li>
        <li class="breadcrumb-item"><a href="/catalog/groups?store_id={{ store.evotor_id }}">{{ store.name }}</a></li>
        {% if group %}
        <li class="breadcrumb-item active">{{ group.name }}</li>
        {% else %}
        <li class="breadcrumb-item active">Все товары</li>
        {% endif %}
    </ol>
</nav>

<div class="d-flex align-items-center justify-content-between mb-3">
    <h1 class="h4 mb-0">Товары{% if group %}: {{ group.name }}{% endif %}</h1>
    <a href="/catalog/export?type=products&store_id={{ store.evotor_id }}{% if group %}&group_id={{ group.evotor_id }}{% endif %}"
       class="btn btn-outline-secondary btn-sm">
        <i class="bi bi-download me-1"></i>Экспорт CSV
    </a>
</div>

{% set redirect_back %}/catalog/products?store_id={{ store.evotor_id }}{% if group %}&group_id={{ group.evotor_id }}{% endif %}{% endset %}

{% if not products %}
<div class="text-center py-5 text-muted">
    <i class="bi bi-box fs-1 mb-3 d-block"></i>
    <p>Товары не найдены.</p>
</div>
{% else %}
<div class="table-responsive" style="overflow: visible;">
    <table class="table table-striped table-hover align-middle small">
        <thead class="table-light">
            <tr>
                <th>Название</th>
                <th>Артикул</th>
                <th>Цена</th>
                <th>Кол-во</th>
                <th>Ед. изм.</th>
                <th>В продаже</th>
                <th>Синхронизирован</th>
                <th>Фильтр</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            {% for product in products %}
            {% set mode = filter_map.get(product.evotor_id) %}
            <tr>
                <td>{{ product.name }}</td>
                <td class="text-muted font-monospace">{{ product.article_number or "—" }}</td>
                <td>{% if product.price %}{{ "%.2f"|format(product.price) }} ₽{% else %}—{% endif %}</td>
                <td>{% if product.quantity is not none %}{{ product.quantity }}{% else %}—{% endif %}</td>
                <td class="text-muted">{{ product.measure_name or "—" }}</td>
                <td>
                    {% if product.allow_to_sell is none %}
                        <span class="text-muted">—</span>
                    {% elif product.allow_to_sell %}
                        <i class="bi bi-check-circle-fill text-success"></i>
                    {% else %}
                        <i class="bi bi-x-circle-fill text-danger"></i>
                    {% endif %}
                </td>
                <td>
                    {% if product.synced_at %}
                        <span title="{{ product.synced_at.strftime('%d.%m.%Y %H:%M') }}">
                            <i class="bi bi-check-circle-fill text-success"></i>
                        </span>
                    {% else %}
                        <span class="text-muted">—</span>
                    {% endif %}
                </td>
                <td>
                    {% if mode == "include" %}
                        <span class="badge bg-success">✓ Включено</span>
                    {% elif mode == "exclude" %}
                        <span class="badge bg-danger">✗ Исключено</span>
                    {% else %}
                        <span class="badge bg-light text-muted border">— Нет правила</span>
                    {% endif %}
                </td>
                <td>
                    <div class="dropdown">
                        <button class="btn btn-outline-secondary btn-sm dropdown-toggle" data-bs-toggle="dropdown" data-bs-strategy="fixed">
                            <i class="bi bi-funnel"></i>
                        </button>
                        <ul class="dropdown-menu dropdown-menu-end">
                            <li>
                                <form method="post" action="/catalog/filter">
                                    <input type="hidden" name="entity_type" value="product">
                                    <input type="hidden" name="entity_id" value="{{ product.evotor_id }}">
                                    <input type="hidden" name="entity_name" value="{{ product.name }}">
                                    <input type="hidden" name="filter_mode" value="include">
                                    <input type="hidden" name="parent_entity_id" value="{{ product.group_evotor_id or '' }}">
                                    <input type="hidden" name="redirect_to" value="{{ redirect_back }}">
                                    <button type="submit" class="dropdown-item">✓ Включить в синхронизацию</button>
                                </form>
                            </li>
                            <li>
                                <form method="post" action="/catalog/filter">
                                    <input type="hidden" name="entity_type" value="product">
                                    <input type="hidden" name="entity_id" value="{{ product.evotor_id }}">
                                    <input type="hidden" name="entity_name" value="{{ product.name }}">
                                    <input type="hidden" name="filter_mode" value="exclude">
                                    <input type="hidden" name="parent_entity_id" value="{{ product.group_evotor_id or '' }}">
                                    <input type="hidden" name="redirect_to" value="{{ redirect_back }}">
                                    <button type="submit" class="dropdown-item">✗ Исключить из синхронизации</button>
                                </form>
                            </li>
                            <li><hr class="dropdown-divider"></li>
                            <li>
                                <form method="post" action="/catalog/filter">
                                    <input type="hidden" name="entity_type" value="product">
                                    <input type="hidden" name="entity_id" value="{{ product.evotor_id }}">
                                    <input type="hidden" name="entity_name" value="{{ product.name }}">
                                    <input type="hidden" name="filter_mode" value="none">
                                    <input type="hidden" name="parent_entity_id" value="{{ product.group_evotor_id or '' }}">
                                    <input type="hidden" name="redirect_to" value="{{ redirect_back }}">
                                    <button type="submit" class="dropdown-item text-muted">— Убрать правило</button>
                                </form>
                            </li>
                        </ul>
                    </div>
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% endif %}
{% endblock %}