@forelse($shopProducts as $key => $shopProduct)
    <tr>
        <td>{{++$key}}</td>
        <td><a href="#">{{$shopProduct->product->name}}</a></td>
        <td>{{$shopProduct->product->category->name}}</td>
        <td>{{$shopProduct->quantity}}</td>
        <td>{{$shopProduct->price}} €</td>
        <td class="text-center"><h5 class="badge badge-pill {{$shopProduct->is_published?'badge-success':'badge-danger'}}">{{$shopProduct->is_published?'Publié':'Non publié'}}</h5></td>
        <td>
            <div class="ps-dropdown"><i class="bi bi-three-dots" style="cursor: pointer;" style="cursor: pointer;" style="cursor: pointer;"></i>
                <ul class="ps-dropdown-menu">
                    <li>
                        <button class="btn btn-mc" id="edit-product-button" data-id="1{{--{{$produit->id}}--}}"  title="Modifier" style="font-size: 1.2rem;padding: 5px 4px;">
                            <i class="bi bi-pencil"></i> Modifier
                        </button>
                    </li>
                    <li>
                        <button title="Supprimer" class="btn btn-mc" style="color: #ff0000;font-size: 1.2rem;padding: 5px 4px;" onclick="deleteForm(`{{route('shop-product.destroy', $shopProduct->id)}}`, `Attention!`, `Voulez-vous vraiment supprimer le produit {{$shopProduct->product->name}}?`, `products-table`)">
                            <i class="bi bi-trash"></i> Supprimer
                        </button>
                    </li>
                </ul>

            </div>
        </td>
    </tr>
@empty
    {{_("Il n'a aucun produit pour l'instant")}}
@endforelse