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

{% block stylesheets %}
{% endblock %}

{% block h2 %}Semestres{% 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">Semestre</th>
                                    <th data-orderable="false">Date début</th>
                                    <th data-orderable="false">Date fin</th>
                                    <th data-orderable="false"></th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for semestre in semestres %}
                                    <tr>
                                        <td>{{ semestre.libelle }}</td>
                                        <td>{{ semestre.dateDebut|date('d/m/Y') }}</td>
                                        <td>{{ semestre.dateFin|date('d/m/Y') }}</td>
                                        <td>
                                            <a class="btn btn-default" href="{{ path('bo.semestre.edit', {id: semestre.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_semestres',
                    exportOptions: {
                        columns: ':not(:last-child)',
                    }
                },
                {
                    extend: 'excel',
                    title: 'cido_semestres',
                    exportOptions: {
                        columns: ':not(:last-child)',
                    }
                },
                {
                    extend: 'pdf',
                    title: 'cido_semestres',
                    exportOptions: {
                        columns: ':not(:last-child)',
                    }
                }
            ]
        });

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