{% extends '@CadolesCore/base.html.twig' %}

{% block pagewrapper %}
    <h1 class="page-header">
        {%if access=="config" %}
        Gestion des Groupes
        {%else%}
        Mes Groupes de Travail
        {%endif%}
    </h1>

    <p>
    {% set permgroup = app.session.get('permgroup') %}
    {% if is_granted('ROLE_ADMIN') or (is_granted('ROLE_MODO') and (permgroup=="ROLE_MODO" or permgroup=="ROLE_ANIM" or permgroup=="ROLE_USER")) or (is_granted('ROLE_ANIM') and (permgroup=="ROLE_ANIM" or permgroup=="ROLE_USER")) or (is_granted('ROLE_USER') and permgroup=="ROLE_USER") %}
        <a class="btn btn-success" href={{ path('cadoles_core_'~access~'_group_submit') }}>
            {% if access=="config" %}
                Ajouter
            {% else %}
                Créer un Groupe de Travail
            {% endif %}
        </a>
    {% endif %}
    {%if access=="config" %}
        <a class="btn btn-success" href={{ path('cadoles_core_config_group_export') }}>Exporter CSV</a>
    {% endif %}
    </p>
    
    <div class="panel panel-primary">
        <div class="panel-heading">
            <i class="fa fa-table fa-fw"></i>Liste des Groupes
        </div>

        <div class="panel-body">
            <div class="dataTable_wrapper">
                <table class="table table-striped table-bordered table-hover" id="dataTables" style="width:100%">
                    <thead>
                    <tr>
                        <th width="160px" class="no-sort">Action</th>
                        <th class="no-sort text-center">Icône</th>
                        <th>Label</th>
                        <th>Ouvert</th>
                        <th class="no-sort {% if masteridentity=="SQL" %} no-visible {% endif %}">Filtre</th>
                        {% if portal_activate %}
                        <th>Groupe de Travail</th>
                        <th class="text-center">Propriétaire</th>
                        <th class="no-sort">Visite</th>
                        {% if access=="config" %}
                        <th>Création Pages</th>
                        <th>Création Calendriers</th>
                        <th>Création Blogs</th>
                        <th>Création Projets</th>
                        {% endif %}
                        {% endif %}
                    </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
{% endblock %}


{% block localjavascript %}
    $(document).ready(function() {
        $('#dataTables').DataTable({
            columnDefs: [ { "targets": 'no-sort', "orderable": false },{ "targets": 'no-visible', "visible": false },{"targets": "text-center", "className": "text-center"} ],
            responsive: true,
            iDisplayLength: 100,
            order: [[ 2, "asc" ]],
            processing: true,
            serverSide: true,
        	ajax: "{{ path('cadoles_core_'~access~'_group_ajax_list') }}",

            drawCallback: function(settings) {
                $("a[data-method='out']").click(function(){
                    if( !confirm('Êtes-vous sûr de vouloir vous désinscrire de ce groupe ?')) {
                        return false;
                    }        
                });               
            }                
        });
    }); 
{% endblock %}
