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

{% block title %}Articles | {{ parent() }}{% endblock %}

{% block body %}
    <header class="page-header">
        <h2>{{ app_name }}</h2>
        <div class="right-wrapper text-end">
            <ol class="breadcrumbs">
                <li>
                    <a href="{{ path('app_main') }}">
                        <i class="bx bx-home-alt"></i>
                    </a>
                </li>
                <li><span>Articles</span></li>
                <li><span>Liste</span></li>
            </ol>
            <a class="sidebar-right-toggle"><i class="fas fa-list"></i></a>
        </div>
    </header>
    <a href="{{ path('app_product_product_new') }}" class="mb-4 mt-1 me-1 btn btn-info"><i class="fas fa-plus"></i> Nouveau</a>
    {% if is_granted('ROLE_ADMIN') %}
        <a href="#" class="mb-4 me-1 btn btn-danger multi-action-btn" onclick="javascript:actionByPathAndElts('{{ path('app_product_product_multi_delete') }}');">
            <i class="fas fa-trash"></i>&nbsp; <span class="count-checked">0</span> Supprimer
        </a>
    {% endif %}
    <div class="row">
        <div class="col">
            <section class="card">
                <header class="card-header">
                    <div class="card-actions">
                        <a href="#" class="card-action card-action-toggle" data-card-toggle></a>
                        <a href="#" class="card-action card-action-dismiss" data-card-dismiss></a>
                    </div>

                    <h2 class="card-title">Articles</h2>
                </header>
                <div class="card-body">
                    {{ include("product_product/_table.html.twig") }}
                </div>
            </section>
        </div>
    </div>
{% endblock %}