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

{% block page_title %}{{ site_titre }} - Backoffice - Unités d'enseignement{% endblock %}

{% block stylesheets %}
{% endblock %}

{% block h2 %}Unités d'enseignement{% 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>Code</th>
                                    <th>Libellé</th>
                                    <th data-orderable="false"></th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for ue in ues %}
                                    <tr>
                                        <td>{{ ue.code }}</td>
                                        <td>{{ ue.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: 'Tfit',
            paging: false,
            pageLength: 25,
            processing: true,
            order: [[0, 'asc']]
        });

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