<div class="container-fluid pt-3">
    <div class="row">
        <div class="col-md-8">
            <div class="ajaxReturnMessage"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-8 scanRow">
            <div class="row">
                <div class="col-4">
                    <form method="post" id="formActivateMenu">
                        <input type="hidden" name="action" value="activateMenu" />
                        <input type="hidden" name="listMenu" class="listMenu" value="" />
                        <!--                        <input type="submit" class="btn btn-success" value="Activer les TCP / MOD sélectionnés" />-->
                    </form>
                    <button class="activerMenu btn btn-success">Activer les menus sélectionné(s)</button>
                </div>
                <div class="col-md-2 scanRow">
                    <button class="btn btn-info reloadPage" onclick="window.location.reload();">Recharger la page</button>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <h4>Listes des entrées de menus</h4>
        </div>
        <div class="clearfix"></div>
        <div class="col-md-6">
            <table class="table tcpTable table-hover table-striped">
                <thead>
                <tr>
                    <td class="w-25">Afficher ?</td>
                    <td>Nom</td>
                </tr>
                </thead>
                <tbody>
                <?php

                $tabListeEntreesSelect = explode(',', $listeEntreesSelect);

                if(isset($listeEntrees) && !empty($listeEntrees)){
                    foreach($listeEntrees as $slug => $entree){
                        ?>
                        <tr>
                            <td>
                                <input type="checkbox" class="checkboxMenu" name="activeMenu[]"  value="<?php echo $slug; ?>" id="<?php echo $slug; ?>"  <?php if(in_array($slug, $tabListeEntreesSelect)){ echo 'checked="checked"';}else{ echo ""; } ?>  />
                            </td>
                            <td><label for="<?php echo $slug; ?>"><?php echo $entree; ?></label></td>
                        </tr>
                        <?php
                    }
                }
                ?>
                </tbody>
                <tfoot>
                <tr>
                    <td>Afficher ?</td>
                    <td>Nom</td>
                </tr>
                </tfoot>
            </table>
        </div>
<!--        <div class="col-6">-->
<!--            <label>Ajouter un menu à autoriser</label>-->
<!--            <textarea class="form-control" palceholder="Ajouter ici le nom du menu visible sur la gauche que vous voulez laisser apparaître"></textarea>-->
<!--            <button class="btn btn-primary ajoutListMenu">Ajouter ce menu</button>-->
<!--        </div>-->
    </div>
    <div class="row">
        <div class="col-4">
            <form method="post" id="formActivateMenu">
                <input type="hidden" name="action" value="activateMenu" />
                <input type="hidden" name="listMenu" class="listMenu" value="" />
                <!--                        <input type="submit" class="btn btn-success" value="Activer les TCP / MOD sélectionnés" />-->
            </form>
            <button class="activerMenu btn btn-success">Activer les menus sélectionné(s)</button>
        </div>
        <div class="col-md-2 scanRow">
            <button class="btn btn-info reloadPage">Recharger la page</button>
        </div>
    </div>
</div>
<script type="text/javascript">
    jQuery(document).ready(function () {

        jQuery('.ajoutListMenu').click(function(){

        });

        jQuery('.activerMenu').click(function(){
            var arrayTcpChecked  = [];
            jQuery('.checkboxMenu').each(function(){
                if(jQuery(this).is(':checked'))
                    arrayTcpChecked.push(this.value);
            });
            listMenuChecked = arrayTcpChecked.join();console.log(listMenuChecked);
            jQuery('.listMenu').val(listMenuChecked);
            jQuery('#formActivateMenu').submit();
        });
    });
    ///*** Fonction qui permet d'avoir les TCP soit par scan, soit directement depuis la base
    // ** @param actionSearch action a effectuer dans la classe PHP
    // **/
    //function get_tcp(actionSearch) {
    //    jQuery.ajax({
    //        type: "POST",
    //        /*url: ajaxurl,*/
    //        url: "<?php //echo Webcollectivites::get_page_url('webco', array('showModule' => 'gestionTcpAtelier111')) ;?>//",
    //        data: {action: actionSearch}
    //    }).done(function (msg) {
    //        location.reload();
    //        console.log(msg);
    //        // alert( "Data Saved: " + msg.response );
    //        jQuery('.tcpTable tbody').empty();
    //        files = msg.items;
    //        var html = '';
    //        jQuery.each(files, function (key, value) {
    //            if (value.actif == 1) {
    //                html += '<tr class="success">';
    //            } else {
    //                html += '<tr>';
    //            }
    //            html += '<td>' + value.nom + '</td><td>' + value.description + '</td>';
    //            if (value.actif == 0) {
    //                html += '<td><span class="glyphicon glyphicon-ban-circle" aria-hidden="true" onclick="modifierActif(this, \'1\', \'' + value.fichier + '\')"></span></td>';
    //            } else {
    //                html += '<td><span class="glyphicon glyphicon-ok" aria-hidden="true" onclick="modifierActif(this, \'0\', \'' + value.fichier + '\')"></span></td>';
    //            }
    //            html += '</tr>';
    //        });
    //        jQuery('.tcpTable tbody').html(html);
    //    });
    //}
    //
    ///**
    // *
    // *
    // * @param elem l'element du DOM
    // * @param value : la valeur qui sera définit pour le TCP
    // * @param fichier : le nom de fichier du TCP
    // * */
    //function modifierActif(elem, value, fichier) {
    //    jQuery.ajax({
    //        type: "POST",
    //        url: ajaxurl,
    //        data: {action: 'modify_actif', valueTcp: value, fichierTcp: fichier}
    //    }).done(function (val) {
    //        if (val.error == true) {
    //            /*if(jQuery(elem).closest('tr').hasClass('success') && value == 0){
    //                 jQuery(elem).closest('tr').removeClass('success');
    //                 jQuery(elem).removeClass();
    //                 jQuery(elem).addClass('glyphicon glyphicon-ban-circle');
    //              }else{
    //                 jQuery(elem).closest('tr').addClass('success');
    //                 jQuery(elem).removeClass();
    //                 jQuery(elem).addClass('glyphicon glyphicon-ok');
    //             }*/
    //            get_tcp('get_all');
    //        } else {
    //            alert('Erreur pendant la mise à jour du statut du TCP');
    //        }
    //    });
    //}
</script>