{% extends 'base.html.twig' %}

{% block title %}Product index{% endblock %}

{% block body %}
    

    <h1>Product index</h1>

    <table class="table">
        <thead>
            <tr>
                <th>Id</th>
                <th>Name</th>
                <th>Price</th>
                <th>Stock</th>
                <th>Image</th>
                <th>Comment</th>
                <th>Utilisateur-ice</th>
                <th>actions</th>
            </tr>
        </thead>
        <tbody>
        {% for product in products %}
            <tr>
                <td>{{ product.id }}</td>
                <td>{{ product.name }}</td>
                <td>{{ product.price }}</td>
                <td>{{ product.stock }}</td>
                <td>
                <a href="{{ path('app_product_show', {'id': product.id}) }}">   
                    <img src="{{ product.image }}" alt="{{ product.name }}" style="width: 100px; height: 100px;">
                </a>
                </td>
                <td>{{ product.comment }}</td>
                <td>{{ product.user.name }}, {{ product.user.email }}</td>
                <td>
                    <a href="{{ path('app_product_show', {'id': product.id}) }}">show</a>
                    <a href="{{ path('app_product_edit', {'id': product.id}) }}">edit</a>
                </td>
            </tr>
        {% else %}
            <tr>
                <td colspan="7">no records found</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>

    <a href="{{ path('app_product_new') }}">Create new</a>
{% endblock %}