{% extends "backoffice/layout/layout.html.twig" %}

{% block page_title %}{{ site_titre }} - Backoffice - Compétences{% endblock %}

{% block stylesheets %}
{% endblock %}

{% block h2 %}Compétences{% endblock %}

{% block content %}

    <div class="row">
        <div class="col-lg-12">
            <div class="ibox float-e-margins">
                <div class="ibox-content">
                    <div class="table-responsive">

                        <table id="datatable" class="table table-striped table-hover">
                            <thead>
                                <tr>
                                    <th data-orderable="false">Groupe</th>
                                    <th data-orderable="false">Libellé</th>
                                    <th data-orderable="false"></th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for competence in competences %}
                                    <tr>
                                        <td data-sort="{{ competence.groupe.id }}">{{ competence.groupe.libelle }}</td>
                                        <td>{{ competence.libelle }}</td>
                                        <td></td>
                                    </tr>
                                {% endfor %}
                            </tbody>
                        </table>

                    </div>
                </div>
            </div>
        </div>
    </div>

{% endblock %}

{% block javascripts %}
<script>
    $(document).ready(function() {

        $('#datatable').DataTable({
            language: {
                url: "//cdn.datatables.net/plug-ins/1.10.16/i18n/French.json"
            },
            responsive: true,
            dom: '<"html5buttons"B>lTfgitp',
            paging: true,
            pageLength: 25,
            processing: true,
            order: [[0, 'asc'],[1, 'asc']],
            buttons: [
                {extend: 'copy'},
                {extend: 'csv', title: 'cido_admins'},
                {extend: 'excel', title: 'cido_admins'},
                {extend: 'pdf', title: 'cido_admins'},
            ]
        });

    });
</script>
{% endblock %}