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

{% block title %}Gestion des marchés {% endblock %}
{% block sub_title %}<small><i class="fas fa-store"></i></small> Gestion des marchés{% 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 marchés{% endblock %}
                {% block card_body %}
                    <div id="toolbarMarche">
                        <a class="addMarche btn bg-gradient-primary btn-sm" ><i class="fas fa-plus-square"></i> Nouveau marché</a>
                    </div>
                    <table id="_Table_Marche_List" class="table-bordered table-hover table-striped table-sm"
                           data-url="{{ path('marche_list_response') }}"
                           data-toolbar="#toolbarMarche"
                           data-mobile-responsive="true"
                           data-pagination="true"
                           data-show-columns="true"
                           data-show-columns-toggle-all="true"
                           data-show-fullscreen="true"
                           data-search="true"
                           data-show-search-clear-button="true">
                    </table>
                {% endblock %}
            {% endembed %}
        </div>
    </div>

    {% include('admin/marche/modals/modalCreate.html.twig') %}
    {% include('admin/marche/modals/modalEdit.html.twig') %}
{% endblock %}

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