{% extends 'menu/navigation_admin.html.twig' %}
{% set side_nav = 'manage_produits' %}
{% block content %}
    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-lg-12 position-relative z-index-2">
                <div class="card card-plain mb-4">
                    <div class="card-body p-3">
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="d-flex flex-column h-100">
                                    <h2 class="font-weight-bolder mb-0">Liste des articles</h2><br>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-3">
                                <a href="{{ path('admin_create_product') }}">
                                    <button class="btn btn-dark" id="add_product"> <i class="material-icons opacity-10">add</i> Ajouter un article</button>
                                </a>
                            </div>
                        </div>
                        <div class="row ">

                            <!--begin: Datatable -->
                            <table class="table table-bordered cell-border cell-border table-hover table-light "
                                   id="table_list_products">
                                <thead>
                                <tr>
                                    <th>Image</th>
                                    <th>Article</th>
                                    <th>Prix</th>
                                    <th>Section</th>
                                    <th>Catégorie</th>
                                    <th>Marque</th>
                                    <th>Quantité</th>
                                    <th>Action</th>
                                </tr>
                                </thead>
                                <tbody></tbody>
                            </table>
                            <!--end: Datatable -->
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>  

{% endblock %}

{% block javascripts %}
    {{ encore_entry_script_tags('listProducts') }}    
{% endblock %}