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

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" type="text/css"
          href="https://cdn.datatables.net/select/1.3.1/css/select.dataTables.min.css"/>
{% endblock %}

{% block title %}Contract index{% endblock %}

{% block body %}
    <div class="col-lg-6">
        <h1>{{ 'title.users_list'|trans }}</h1>
    </div>
    <div class="row"><br/></div>
    <!-- Insert this where you want the table to appear -->
    <div id="users">Loading...</div>
{% endblock %}
{% block javascripts %}
    {{ parent() }}
    <!-- Insert this at the end of your body element, but before the closing tag -->
    <script src="{{ asset('bundles/datatables/js/datatables.js') }}"></script>
    <script>
        $(function () {
            $('#users').initDataTables({{ datatable_settings(datatable) }}, {
                searching: true,
                dom: '<"html5buttons"B>lTfgitp'
            });
        });
    </script>
{% endblock %}