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

{% block stylesheets %}
{% endblock %}

{% block h2 %}Promotions{% 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>Promotion</th>
                                    <th data-orderable="false">Unités d'enseignement</th>
                                    <th data-orderable="false"></th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for promo in promotions %}
                                    <tr>
                                        <td>{{ promo.libelle }}</td>
                                        <td>
                                            {% for ue in promo.unitesEnseignement %}
                                                {{ ue.fullLibelle }}{% if not loop.last %}<br>{% endif %}
                                            {% endfor %}
                                        </td>
                                        <td>
                                            <a class="btn btn-default" href="{{ path('bo.promotion.edit', {id: promo.id}) }}" title="éditer"><i class="fa fa-edit fa-lg"></i></a>
                                        </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: false,
            // pageLength: 25,
            processing: true,
            order: [[0, 'asc']],
            buttons: [
                {
                    extend: 'copy',
                    exportOptions: {
                        columns: ':not(:last-child)',
                    }
                },
                {
                    extend: 'csv',
                    title: 'cido_promotions',
                    exportOptions: {
                        columns: ':not(:last-child)',
                    }
                },
                {
                    extend: 'excel',
                    title: 'cido_promotions',
                    exportOptions: {
                        columns: ':not(:last-child)',
                    }
                },
                {
                    extend: 'pdf',
                    title: 'cido_promotions',
                    exportOptions: {
                        columns: ':not(:last-child)',
                    }
                }
            ]
        });

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