{% extends 'Admin/_include/_layout.sidebar.html.twig' %}

{% block content %}
    <div class="main_tools">
        <a href="{{ url('back_page_add') }}" class="button save small"><i class="fa fa-plus"></i> Ajouter une Page</a>
    </div>

    <div class="cell small-12">
        <h1 class="mb-1">Liste des Pages</h1>
        <table id="page_list" class="display dataTable" style="width: 100%;" role="grid">
            <thead>
            <tr role="row">
                <th>ID</th>
                <th>Code</th>
                <th>Titre</th>
                <th>Locale</th>
                <th>Slug</th>
                <th>Actif</th>
            </tr>
            </thead>
            <tbody>
            {% for page in pages %}
{#                <tr role="row" data-href="#" style="cursor: pointer;">#}
                <tr role="row" data-href="{{ url('back_page_view', {'page' : page.id}) }}" style="cursor: pointer;">
                    <td>{{ page.id }}</td>
                    <td>{{ page.code }}</td>
                    <td>{{ page.h1 }}</td>
                    <td>{{ page.locale }}</td>
                    <td>{{ page.slug }}</td>
                    <td>{% if page.isActive == 1 %}Oui{% else %}Non{% endif %}</td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
{% endblock %}

{% block javascript_footer %}
    {{ parent() }}
    <script>
        $(document).ready(function () {
            // var form_parsley = $('#formAddGroup').parsley(parsley_options);
            //
            // $('#btnSubmitFormAddGroup').click(function () {
            //     if (form_parsley.isValid()){
            //         $(this).html(btn_spin);
            //     }
            // });



        });

        (function($) {
            "use strict";
            var datatableFrench = {
                "sProcessing":     "Traitement en cours...",
                "sSearch":         "Rechercher&nbsp;:",
                "sLengthMenu":     "Afficher _MENU_ &eacute;l&eacute;ments",
                "sInfo":           "Affichage de l'&eacute;l&eacute;ment _START_ &agrave; _END_ sur _TOTAL_ &eacute;l&eacute;ments",
                "sInfoEmpty":      "Affichage de l'&eacute;l&eacute;ment 0 &agrave; 0 sur 0 &eacute;l&eacute;ment",
                "sInfoFiltered":   "(filtr&eacute; de _MAX_ &eacute;l&eacute;ments au total)",
                "sInfoPostFix":    "",
                "sLoadingRecords": "Chargement en cours...",
                "sZeroRecords":    "Aucun &eacute;l&eacute;ment &agrave; afficher",
                "sEmptyTable":     "Aucune donn&eacute;e disponible dans le tableau",
                "oPaginate": {
                    "sFirst":      "Premier",
                    "sPrevious":   "Pr&eacute;c&eacute;dent",
                    "sNext":       "Suivant",
                    "sLast":       "Dernier"
                },
                "oAria": {
                    "sSortAscending":  ": activer pour trier la colonne par ordre croissant",
                    "sSortDescending": ": activer pour trier la colonne par ordre d&eacute;croissant"
                }
            };

            var page_list = $('#page_list');
            // offer_list.dataTable({
            //     language:datatableFrench,
            //     "order": [
            //         [0, "ASC"]
            //     ],
            //     iDisplayLength: -1,
            // });
            page_list.children('tbody').on( 'click', 'tr', function (e) {
                window.location = $(this).attr('data-href');
            } );
        })(jQuery);
    </script>
{% endblock %}