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

{% block title %}Gestion des huitres{% endblock %}
{% block sub_title %}<small><i class="fas fa-h-square"></i></small> Gestion des huitres{% 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> Tarif huitres{% endblock %}
                {% block card_body %}
                    <div id="toolbarHuitre">
                        <a class="addHuitre btn bg-gradient-primary btn-sm" ><i class="fas fa-plus-square"></i> Ajouter tarif huitres</a>
                    </div>
                    <table id="_Table_Huitre_List" class="table-bordered table-hover table-striped table-sm"
                           data-url="{{ path('huitre_list_response') }}"
                           data-toolbar="#toolbarHuitre"
                           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/huitre/modals/modalCreate.html.twig') %}
    {% include('admin/huitre/modals/modalEdit.html.twig') %}
{% endblock %}

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