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

{% block title %}Products index{% endblock %}

{% block back_content %}
    <h1>Liste des offres</h1>
{# <form method="post" action="{{ path('rechercheM') }}">
        <input type="text" name="search" placeholder="Rechercher" required="">
        <button class="btn btn-danger float-right"  type="submit"> Recherche</button>
        <a href="{{path('TrierParPrice') }}"><i class="align-middle"></i> TRIER ASCENDANT : Price</a>

    </form> #}


    <table class="table" width="50%">
        <thead style="color: #ffffff; background-color: #4ade80">
            <tr>
                <th>Id</th>
                <th>Title</th>
                <th>Image</th>
                <th>Prix</th>
                <th>categorie</th>
                <th>actions</th>

            </tr>
        </thead>
        <tbody>
        {% for product in products %}
            <tr>
                <td>{{ product.id }}</td>
                <td>{{ product.title }}</td>
                <td><img src="{{ asset('img/' ~ product.image ) }}" alt="img" class="image" style="max-height: 100px; width: 100px;" ></td>

                <td>{{ product.price }}</td>
                <td> {{ product.category }} </td>
                <td>

                    <div class="" style="">
                        <button class="btn btn-danger float-right"  type="submit" style="background-color: #0c223a"><a href="{{ path('prod_show', {'id': product.id}) }}">show</a></button>
                        <button class="btn btn-danger float-right"  type="submit" style="background-color: #0c223a"><a href="{{ path('prod_edit', {'id': product.id}) }}">Edit</a></button>
                    </div>

                </td>
            </tr>
        {% else %}
            <tr>
                <td colspan="5">no records found</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>

    <div class="navigation" aria-label="Page navigation example">
        {{ knp_pagination_render(paginator) }}
    </div>

    <a href="{{ path('prod_new') }}">Create new</a>
    <div id="div_chart"></div>

    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
        {{ gc_draw(piechart, 'div_chart') }}
    </script>
{% endblock %}