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

{% block body %}
    <h1>Products list</h1>

    <table class="table-responsive table-striped table table-bordered table-light">
        <thead class="bg-dark">
        <tr>
            <th>Id</th>
            <th>Name</th>
            <th>Image</th>
            <th>Price</th>
            <th>Comment</th>
            <th>Actions</th>
        </tr>
        </thead>
        <tbody>
        {% for product in products %}
            <tr>
                <td>
                    <a class="btn btn-primary"
                            href="{{ path('product_show', { 'id': product.id }) }}">{{ product.id }}</a>
                </td>
                <td>{{ product.name }}</td>
                <td>{{ product.image }}</td>
                <td>{{ product.price }}</td>
                <td>{{ product.comment }}</td>
                <td>
                    <ul>
                        <li>
                            <a class="btn btn-default" href="{{ path('product_show', { 'id': product.id }) }}">voir</a>
                        </li>
                        <li>
                            <a class="btn btn-default" href="{{ path('product_edit', { 'id': product.id }) }}">
                                <i class="fa fa-pencil"></i>
                            </a>
                        </li>
                    </ul>
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>

    <ul>
        <li>
            <a class="btn btn-primary" href="{{ path('product_new') }}">Nouveau product</a>
        </li>
    </ul>
{% endblock %}