{# Ligne produit pour la vue table #}
{% set stockStatus = product.getStockStatus() %}
{% set stockColors = { 'ok': 'green', 'low': 'orange', 'critical': 'red', 'out': 'gray', 'service': 'purple' } %}

<tr class="hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors">
    <td class="px-4 py-3">
        <div class="flex items-center">
            <div class="flex-shrink-0 h-10 w-10 rounded bg-gray-100 dark:bg-gray-700 flex items-center justify-center">
                <i class="fas {{ product.isService ? 'fa-concierge-bell' : 'fa-box' }} text-gray-400"></i>
            </div>
            <div class="ml-3">
                <a href="{{ path('manager_pos_products_show', {id: product.id}) }}" class="text-sm font-medium text-gray-900 dark:text-white hover:text-emerald-600">
                    {{ product.name }}
                    {% if product.isFeatured %}<i class="fas fa-star text-yellow-400 text-xs ml-1"></i>{% endif %}
                </a>
                {% if product.barcode %}
                    <p class="text-xs text-gray-400"><i class="fas fa-barcode mr-1"></i>{{ product.barcode }}</p>
                {% endif %}
            </div>
        </div>
    </td>
    <td class="px-4 py-3 text-sm text-gray-600 dark:text-gray-300 font-mono">{{ product.sku }}</td>
    <td class="px-4 py-3">
        {% if product.category %}
            <span class="inline-block px-2 py-0.5 text-xs rounded bg-{{ product.category.color }}-100 text-{{ product.category.color }}-800">{{ product.category.name }}</span>
        {% else %}
            <span class="text-xs text-gray-400">—</span>
        {% endif %}
    </td>
    <td class="px-4 py-3 text-right text-sm font-semibold text-gray-900 dark:text-white">{{ product.price|number_format(0, ',', ' ') }}</td>
    <td class="px-4 py-3 text-center">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-{{ stockColors[stockStatus] }}-100 text-{{ stockColors[stockStatus] }}-800">
            {% if product.isService %}Service{% else %}{{ product.currentStock }}{% endif %}
        </span>
    </td>
    <td class="px-4 py-3 text-center">
        {% if product.isActive %}
            <span class="inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800">Actif</span>
        {% else %}
            <span class="inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-gray-100 text-gray-600">Inactif</span>
        {% endif %}
    </td>
    <td class="px-4 py-3 text-right text-sm">
        <a href="{{ path('manager_pos_products_show', {id: product.id}) }}" class="text-blue-600 hover:text-blue-900 mr-2" title="Voir"><i class="fas fa-eye"></i></a>
        <a href="{{ path('manager_pos_products_edit', {id: product.id}) }}" class="text-emerald-600 hover:text-emerald-900 mr-2" title="Modifier"><i class="fas fa-edit"></i></a>
        <button type="button" data-modal-target="confirm-modal-dup-prd-{{ product.id }}" data-modal-toggle="confirm-modal-dup-prd-{{ product.id }}" data-no-loader class="text-purple-600 hover:text-purple-900 mr-2" title="Dupliquer"><i class="fas fa-copy"></i></button>
        {% include 'components/pos/_confirm_modal.html.twig' with {
            modal_id: 'dup-prd-' ~ product.id,
            title: 'Dupliquer le produit',
            message: 'Une copie de « ' ~ product.name ~ ' » sera creee avec un nouveau SKU.',
            action_url: path('manager_pos_products_duplicate', {id: product.id}),
            csrf_token_name: 'duplicate_product_' ~ product.id,
            confirm_label: 'Dupliquer',
            confirm_color: 'purple',
        } %}
        <button type="button" data-modal-target="confirm-modal-del-prd-{{ product.id }}" data-modal-toggle="confirm-modal-del-prd-{{ product.id }}" data-no-loader class="text-red-600 hover:text-red-900" title="Supprimer"><i class="fas fa-trash"></i></button>
        {% include 'components/pos/_confirm_modal.html.twig' with {
            modal_id: 'del-prd-' ~ product.id,
            title: 'Supprimer le produit',
            message: 'Supprimer « ' ~ product.name ~ ' » ?',
            action_url: path('manager_pos_products_delete', {id: product.id}),
            csrf_token_name: 'delete_product_' ~ product.id,
        } %}
    </td>
</tr>