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

{% block title %}Commandes{% endblock %}
{% block sub_title %}<small><i class="fas fa-shopping-bag"></i></small> Commandes{% endblock%}

{% block container %}
    <div class="row">
        <div class="col-sm-12">
            {% embed 'views/macro_card.html.twig' with {'color': 'dark', 'type': 'outline'} %}
                {% block card_title %}<i class="fas fa-bars"></i> Liste des commandes{% endblock %}
                {% block card_body %}
                    <div id="toolbarCommande">
                        <a href="{{ path('commande_create') }}" class="addMarche btn bg-gradient-primary btn-sm" >
                            <i class="fas fa-plus-circle"></i> Ajouter une commande
                        </a>
                        <button id="Bon_Commande_Button" class="btn bg-gradient-pink btn-sm" disabled>
                            <i class="fas fa-file-pdf"></i> Bon de commande (<span id="CommandeNbr">0</span>)
                        </button>
                        <button id="Bon_Commande_All_Button" class="btn bg-gradient-pink btn-sm" disabled>
                            <i class="fas fa-file-pdf"></i> Cumul bon de commande (<span id="CommandeAllNbr">0</span>)
                        </button>
                        <button id="Export_CSV_Button" class="btn bg-gradient-pink btn-sm" disabled>
                            <i class="fas fa-file-excel"></i> Export excel (<span id="CommandeCsvNbr">0</span>)
                        </button>
                        <button class="btn btn-success btn-sm" id="check">Cocher tout</button>
                        <button class="btn btn-success btn-sm" id="uncheck">Décocher tout</button>
                    </div>
                    <table id="_Table_Commande_List" class="table-bordered table-hover table-striped table-sm"
                           data-url="{{ path('commande_list_response') }}"
                           data-toolbar="#toolbarCommande"
                           data-mobile-responsive="true"
                           data-pagination="true"
                           data-show-columns="true"
                           data-show-columns-toggle-all="true"
                           data-show-fullscreen="true"
                           data-maintain-selected="true"
                           data-maintain-meta-data="true"
                           data-filter-control="true"
                           data-show-search-clear-button="true"
                           data-response-handler="responseHandler_Commande"
                    >
                    </table>
                {% endblock %}
            {% endembed %}
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    {{ encore_entry_script_tags('adminCommandes') }}
{% endblock %}