@extends('model')

@section('content')

<!-- Start::page-header -->
<div class="d-flex align-items-center justify-content-between page-header-breadcrumb flex-wrap gap-2">
    <div>
        <nav>
            <ol class="breadcrumb mb-1">
                <li class="breadcrumb-item">
                    <a href="javascript:void(0);">
                        Configuration
                    </a>
                </li>
                <li class="breadcrumb-item active" aria-current="page">Utilisateur</li>
            </ol>
        </nav>
        <!-- <h1 class="page-title fw-medium fs-18 mb-0">Liste des utilisateurs</h1> -->
    </div>
    <div class="btn-list">
        <!-- <button class="btn btn-white btn-wave">
            <i class="ri-filter-3-line align-middle me-1 lh-1"></i> Filter
        </button> -->


        @if(collect(listeDesDroitsUser(session('idusers'))['data'])->contains('libelle', 'Creer utilisateur'))
        <button class="btn btn-primary btn-wave me-0" id="btnModalNewUtilisateur">
            <i class="bx bx-plus-circle me-1"></i> Nouvel Utilisateur
        </button>
        @endif
    </div>
</div>
<!-- End::page-header -->

<!-- Start::row-1 -->
<!-- <div class="row">
    <div class="col-xl-12">
        <div class="card custom-card">
            <div class="card-body p-3">
                <div class="d-flex align-items-center justify-content-between flex-wrap gap-3">
                    <div class="d-flex flex-wrap gap-1 project-list-main">
                        <a href="projects-create.html" class="btn btn-primary me-2"><i class="ri-add-line me-1 fw-medium align-middle"></i>New Project</a>
                        <select class="form-control" data-trigger name="choices-single-default" id="choices-single-default">
                            <option value="">Sort By</option>
                            <option value="Newest">Newest</option>
                            <option value="Date Added">Date Added</option>
                            <option value="Type">Type</option>
                            <option value="A - Z">A - Z</option>
                        </select>
                    </div>
                    <div class="avatar-list-stacked">
                        <span class="avatar avatar-sm avatar-rounded">
                            <img src="../assets/images/faces/1.jpg" alt="img">
                        </span>
                        <span class="avatar avatar-sm avatar-rounded">
                            <img src="../assets/images/faces/2.jpg" alt="img">
                        </span>
                        <span class="avatar avatar-sm avatar-rounded">
                            <img src="../assets/images/faces/8.jpg" alt="img">
                        </span>
                        <span class="avatar avatar-sm avatar-rounded">
                            <img src="../assets/images/faces/12.jpg" alt="img">
                        </span>
                        <span class="avatar avatar-sm avatar-rounded">
                            <img src="../assets/images/faces/10.jpg" alt="img">
                        </span>
                        <span class="avatar avatar-sm avatar-rounded">
                            <img src="../assets/images/faces/4.jpg" alt="img">
                        </span>
                        <span class="avatar avatar-sm avatar-rounded">
                            <img src="../assets/images/faces/5.jpg" alt="img">
                        </span>
                        <span class="avatar avatar-sm avatar-rounded">
                            <img src="../assets/images/faces/13.jpg" alt="img">
                        </span>
                        <a class="avatar avatar-sm bg-primary avatar-rounded text-fixed-white" href="javascript:void(0);">
                            +8
                        </a>
                    </div>
                    <div class="d-flex" role="search">
                        <input class="form-control me-2" type="search" placeholder="Search Project" aria-label="Search">
                        <button class="btn btn-light" type="submit">Search</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div> -->
<!-- End::row-1 -->

<!-- Start::row-2 -->
<div class="row">
    <div class="col-xl-12">
        <div class="card custom-card overflow-hidden">
            <div class="card-body p-2 px-3">
                <div class="table-responsive">
                    <table class="table table-hover text-nowrap w-100" id="tableListeUtilisateur">
                        <thead>
                            <tr>
                                <th data-column="action" class="text-center">Actions</th>
                                <th data-column="nom" data-class="text-start" class="text-center">Nom</th>
                                <th data-column="prenoms" data-class="text-start" class="text-center">Prénoms</th>
                                <th data-column="libelleTypeUser" data-class="text-start" class="text-center">Type</th>
                                <th data-column="email" data-class="text-start" class="text-center">Addresse Mail</th>
                                <th data-column="spanStatut" class="text-center">Statut</th>
                                <th data-column="telephone" class="text-center">Téléphone mobile</th>
                                <th data-column="libelleSexe" class="text-center">Sexe</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<!--End::row-2 -->

{{--- Section des modals ---}}
<!-- Modal d'utilisateur-->
<div id="modalUtilisateur" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" data-bs-focus="false">
    <div class="modal-dialog modal-dialog-centered modal-lg">
        <div class="modal-content">
            <div class="modal-header bg-primary-light">
                <i class="iconeHeader bx bx-user text-primary me-3" style="font-size : 25px;"></i>
                    <h5 class="modal-title"></h5>
                <button type="button" class="btn-close bg-light text-dark" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body iconFond">
                <i class='bx bx-user iconFondBody text-primary'></i>
                <form id="formUser" class="w-100">
                    <input type="number" value="0" class="form-control" id="inpidusers" name="idusers" style="display : none;">
                    <div class="row">
                        <div class="col-md-3 mb-2">
                            <p class="text-muted mb-0">Nom</p>
                            <input type="text" class="form-control" id="inpnom" name="nom" style="text-transform: uppercase;">
                        </div>
                        <div class="col-md-5 mb-2">
                            <p class="text-muted mb-0">Prénoms</p>
                            <input type="text" class="form-control" id="inpprenoms" name="prenoms" style="text-transform: uppercase;">
                        </div>
                        <div class="col-md-4 mb-2">
                            <p class="text-muted mb-0">Mail</p>
                            <input type="text" class="form-control" id="inpemail" name="email">
                        </div>
                        <div class="col-md-3 mb-2" id="divinppassword">
                            <p class="text-muted mb-0">Mot de passe</p>
                            <input type="password" class="form-control" id="inppassword" name="password">
                        </div>
                        <div class="col-md-3 mb-2">
                            <p class="text-muted mb-0">Sexe</p>
                            <select name="sexe" id="selsexe" class="form-select">
                                <option value="1">Homme</option>
                                <option value="2">Femme</option>
                            </select>
                        </div>
                        <div class="col-md-3 mb-2">
                            <p class="text-muted mb-0">Société</p>
                            <select name="idsociete" id="selidsociete" class="form-select">
                            </select>
                        </div>
                        <div class="col-md-3 mb-2">
                            <p class="text-muted mb-0">Date d'anniversaire</p>
                            <input type="text" class="form-control text-center" id="inpdateAnniversaire"  maxlength="5" name="dateAnniversaire" placeholder="07/09">
                        </div>
                        <div class="col-md-3 mb-2">
                            <p class="text-muted mb-0">Type d'utilisateur</p>
                            <select name="idtype_users" id="selidtype_users" class="form-select">
                            </select>
                        </div>
                        <div class="col-md-3 mb-2">
                            <p class="text-muted mb-0">Téléphone</p>
                            <input type="text" class="form-control" id="inptelephone" name="telephone">
                        </div>
                        <div class="col-md-3 mb-2">
                            <p class="text-muted m-0">Statut</p>
                            <div class="d-flex align-items-center justify-content-center flex-wrap rounded py-0 mt-1">
                                <div class="toggle toggle-primary on mb-0" id="checkStatutUtilisateur">
                                    <span></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer pt-4 pb-2 mb-0">
                <button type="button" class="btn btn-warning" id="btnEditUsers">
                    <i class="bx bx-edit me-1"></i>
                    Modifier
                </button>
                <button type="button" class="btn btn-primary" id="btnNewUsers">
                    <i class="bx bx-plus-circle me-1"></i>
                    Ajouter
                </button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div>

<!-- Modal des droits-->
<div id="modalDroit" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" data-bs-focus="false">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header bg-primary-light">
                <i class="iconeHeader bx bxs-key text-primary me-3" style="font-size : 25px;"></i>
                    <h5 class="modal-title"></h5>
                <button type="button" class="btn-close bg-light text-dark" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body iconFond">
                <i class='bx bxs-key iconFondBody text-primary'></i>
                <div class="row">
                    <input type="number" name="idusers" id="inpidusers" style="display : none;">
                    <div class="col-md-10">
                        <select class="form-select" name="iddroit" id="seliddroit"></select>
                    </div>
                    <div class="col-md-2">
                        <button class="btn btn-primary" id="btnAjouterDroit">
                            <i class="bx bx-plus-circle" style="font-size: 17px;"></i>
                        </button>
                    </div>
                </div>
                <div class="table-responsive mt-2">
                    <table class="table table-hover text-nowrap w-100" id="tableListDroitLieeUser">
                        <thead>
                            <tr>
                                <th data-column="action" class="text-center">#</th>
                                <th data-column="regroupement" data-class="text-start" class="text-center">Regroupement</th>
                                <th data-column="libelle" data-class="text-start" class="text-center">Libellé droit</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div>

@endsection


@section('script')

<!-- Script excécuté au chargement de la page -->
<script>

    var tableListeUtilisateur

    formatInputToMMYY(_('#inpdateAnniversaire'))

    function listeDesUtilisateurs(idusers = 0){

        return new Promise((resolve, reject) => {

            $.ajax({

                url : "{{ route('listeDesUtilisateurs') }}",
                type : 'GET',
                data : {
                    idusers : idusers
                },
                dataType : 'json',
                // beforeSend : progressHandler(),
                success : function(response){

                    if (response.success != 1) {
                        
                        notifError(response.msg || 'Échec de l\'opération.')
                    }

                    resolve(response)

                    // completeHandler()
                },
                error : function(error){

                    reject()
                    notifErrorAjax()
                    // completeHandler()
                }
            })
        })
    }

    function chargerTableListeDesUtilisateurs(){

        listeDesUtilisateurs()
            .then((response) => {

                if (response.success == 1) {
                    
                    let data = response.data

                    tableListeUtilisateur = remplissageDataTable({
                                        IdentifiantDuTableau : '#tableListeUtilisateur',
                                        obj : data,
                                        lengthChange : false
                                    })

                    @if(!collect(listeDesDroitsUser(session('idusers'))['data'])->contains('libelle', 'Modifier utilisateur'))
                        
                        let listeDesBtnEdit = document.querySelectorAll('#btnModalEditUsers')

                        listeDesBtnEdit.forEach(function(value){

                            $(value).removeClass('btn-outline-warning')
                            value.setAttribute('disabled', '')
                        })
                        
                    @endif
                }
            })
    }

    listeDesTypesUtilisateurs()
        .then((response) => {

            if (response.success == 1) {

                let data = response.data                

                populateSelect('#selidtype_users', {
                    data : data,
                    valueKey : 'idtype_users',
                    textKey : 'libelle'
                })
            }
        })

    listeDesSocietesSimple()
        .then((response) => {

            if (response.success == 1) {
                
                let data = response.data
                
                data.unshift({
                    idsociete : -1,
                    raisonSocial : 'INTERNE'
                })

                populateSelect('#selidsociete', {
                    data : data,
                    valueKey : 'idsociete',
                    textKey : 'raisonSocial'
                })
            }
        })

    chargerTableListeDesUtilisateurs()
</script>

<!-- Script modal utilisateur -->
<script>

    function newModifUtilisateur(){

        return new Promise((resolve, reject) => {

            let formUser = new FormData(_('#formUser'))
            
            let statut = $('#checkStatutUtilisateur').hasClass('on') ? 1 : 0
            formUser.append('statut', statut)

            formUser.append('_token', '{{ csrf_token()}}')

            $.ajax({

                url : "{{ route('newModifUtilisateur') }}",
                type : 'POST',
                data : formUser,
                dataType : 'json',
                processData : false,
                contentType : false,
                // beforeSend : progressHandler(),
                success : function(response){

                    if (response.success != 2) {
                        
                        notifDanger(response.msg || 'Échec de l\'opération.')
                        resolve(response)
                    }

                    resolve(response)

                    // completeHandler()
                },
                error : function(error){

                    reject()
                    notifErrorAjax()
                    // completeHandler()
                }
            })
        })
    }

    // Ouverture en ajout
    if (_('#btnModalNewUtilisateur')) {
        
        _('#btnModalNewUtilisateur').addEventListener('click', function(){

            _('#btnEditUsers').style.display = 'none'
            _('#btnNewUsers').style.display = ''
            _('#divinppassword').style.display = ''

            if ($('#checkStatutUtilisateur').hasClass('on') == true) {
                
            }else{

                $('#checkStatutUtilisateur').addClass('on')
            }

            typerModal("#modalUtilisateur", 'Nouvel utilisateur', 'primary', true)
            _('#formUser').reset()
            $('#modalUtilisateur').modal('show')
        })
    }

    _('#btnNewUsers').addEventListener('click', function(){

        let elmt = this

        if(_('#inpnom').value.replace(/\s/g, '') == ''){

            notifDanger('Veuillez saisir le nom de l\'utilisateur.')
            return 0
        }

        if(_('#inpemail').value.replace(/\s/g, '') == ''){

            notifDanger('Veuillez saisir l\'adresse mail de l\'utilisateur.')
            return 0
        }

        if(_('#inppassword').value.replace(/\s/g, '') == ''){

            notifDanger('Veuillez saisir le mot de passe de l\'utilisateur.')
            return 0
        }

        if(_('#inpdateAnniversaire').value.replace(/\s/g, '') == ''){

            notifDanger('Veuillez saisir la date d\'anniversaire de l\'utilisateur.')
            return 0
        }

        if(_('#inptelephone').value.replace(/\s/g, '') == ''){

            notifDanger('Veuillez saisir le contact de l\'utilisateur.')
            return 0
        }        

        loaderIcon(elmt, 'bx bx-plus-circle')
        
        newModifUtilisateur()
            .then((response) => {

                if (response.success == 2) {
                    
                    chargerTableListeDesUtilisateurs()
                    $('#modalUtilisateur').modal('hide')
                }

                loaderIcon(elmt, 'bx bx-plus-circle')
            }).catch(() => loaderIcon(elmt, 'bx bx-plus-circle'))
        
    })

    // Ouverture en modification
    $(document).on('click', '#btnModalEditUsers', function(){

        let elmt = this

        let idusers = $(this).attr('data-id')

        loaderIcon(elmt, 'bx bx-edit')

        listeDesUtilisateurs(idusers)
            .then((response) => {

                if (response.success == 1) {
                    
                    let data = response.data[0]

                    _('#btnEditUsers').style.display = ''
                    _('#btnNewUsers').style.display = 'none'
                    _('#divinppassword').style.display = 'none'

                    remplirLeForm('#formUser', data)
                    typerModal("#modalUtilisateur", 'Modifier l\'utilisateur ( '+data.nom+' )', 'warning', true)

                    if (data.statut == true) {
                        
                        if ($('#checkStatutUtilisateur').hasClass('on') == true) {
                            
                        }else{

                            $('#checkStatutUtilisateur').addClass('on')
                        }
                    }else{

                        $('#checkStatutUtilisateur').removeClass('on')
                    }

                    $('#modalUtilisateur').modal('show')

                    loaderIcon(elmt, 'bx bx-edit')
                }
            })        
    })

    _('#btnEditUsers').addEventListener('click', function(){

        let elmt = this

        if(_('#inpnom').value.replace(/\s/g, '') == ''){

            notifDanger('Veuillez saisir le nom de l\'utilisateur.')
            return 0
        }

        if(_('#inpemail').value.replace(/\s/g, '') == ''){

            notifDanger('Veuillez saisir l\'adresse mail de l\'utilisateur.')
            return 0
        }

        if(_('#inpdateAnniversaire').value.replace(/\s/g, '') == ''){

            notifDanger('Veuillez saisir la date d\'anniversaire de l\'utilisateur.')
            return 0
        }

        if(_('#inptelephone').value.replace(/\s/g, '') == ''){

            notifDanger('Veuillez saisir le contact de l\'utilisateur.')
            return 0
        }        

        loaderIcon(elmt, 'bx bx-edit')
        
        newModifUtilisateur()
            .then((response) => {

                if (response.success == 2) {
                    
                    chargerTableListeDesUtilisateurs()
                    $('#modalUtilisateur').modal('hide')
                }

                loaderIcon(elmt, 'bx bx-edit')
            }).catch(() => loaderIcon(elmt, 'bx bx-edit'))
    })
</script>

<!-- Script modal des droits -->
<script>

    var tableListDroitLieeUser
    
    function retirerDroit_users(iddroit_users){

        return new Promise((resolve, reject) => {

            $.ajax({

                url : "{{ route('retirerDroit_users') }}",
                type : 'GET',
                data : {
                    iddroit_users : iddroit_users
                },
                dataType : 'json',
                // beforeSend : progressHandler(),
                success : function(response){

                    if (response.success != 1) {
                        
                        notifDanger(response.msg || 'Échec de l\'opération.')
                    }

                    resolve(response)

                    // completeHandler()
                },
                error : function(error){

                    reject()
                    notifErrorAjax()
                    // completeHandler()
                }
            })
        })
    }

    function newdroit_users(idusers, iddroit){

        return new Promise((resolve, reject) => {

            $.ajax({

                url : "{{ route('newdroit_users') }}",
                type : 'POST',
                data : {
                    idusers : idusers,
                    iddroit : iddroit,
                    _token : '{{ csrf_token() }}'
                },
                dataType : 'json',
                // beforeSend : progressHandler(),
                success : function(response){

                    if (response.success != 2) {
                        
                        notifDanger(response.msg || 'Échec de l\'opération.')
                    }

                    resolve(response)

                    // completeHandler()
                },
                error : function(error){

                    reject()
                    notifErrorAjax()
                    // completeHandler()
                }
            })
        })
    }

    recuperationDesDroits({droit_client : 0})
        .then((response) => {

            if (response.success == 1) {
                
                let data = response.data
                
                data.unshift({
                    iddroit : -1,
                    libelle : 'TOUS LES DROITS'
                })
                
                data.unshift({
                    iddroit : 0,
                    libelle : 'AUCUN DROIT SELECTIONNE'
                })

                populateSelect('#seliddroit', {
                    data : data,
                    valueKey : 'iddroit',
                    textKey : 'libelle'
                })

                $('#seliddroit').select2({
                    dropdownParent : $('#modalDroit')
                })
            }
        })

    function listeDroit_users(idusers){

        return new Promise((resolve, reject) => {

            $.ajax({

                url : "{{ route('listeDroit_users') }}",
                type : 'GET',
                data : {
                    idusers : idusers
                },
                dataType : 'json',
                // beforeSend : progressHandler(),
                success : function(response){

                    if (response.success != 1) {
                        
                        notifError(response.msg || 'Échec de l\'opération.')
                    }

                    resolve(response)

                    // completeHandler()
                },
                error : function(error){

                    reject()
                    notifErrorAjax()
                    // completeHandler()
                }
            })
        })
    }

    var elmtBtnModalDroitUsers

    $(document).on('click', '#btnModalDroitUsers', function(){

        elmtBtnModalDroitUsers = this

        loaderIcon(elmtBtnModalDroitUsers, 'bx bxs-key')

        let idusers = $(this).attr('data-id')

        _('#inpidusers').value = idusers

        typerModal("#modalDroit", 'Gestion des droits', 'info', true)
        $('#modalDroit').modal('show')

    })

    // Attendre que la modale soit complètement visible pour initialiser le DataTable
    $('#modalDroit').on('shown.bs.modal', function() {
        
        listeDroit_users(_('#inpidusers').value)
            .then((response) => {

                if (response.success == 1) {
                    
                    let data = response.data

                    // Charger le tableau et attendre qu'il soit rempli
                    tableListDroitLieeUser = remplissageDataTable({
                        IdentifiantDuTableau: '#tableListDroitLieeUser',
                        obj: data,
                        lengthChange: false
                    });

                }else{

                    $('#modalDroit').modal('hide')
                }

                loaderIcon(elmtBtnModalDroitUsers, 'bx bxs-key')
            })
            .catch(() => loaderIcon(elmtBtnModalDroitUsers, 'bx bxs-key'))
    });

    _('#btnAjouterDroit').addEventListener('click', function(){

        let elmt = this

        if (_('#inpidusers').value == 0) {
            
            notifDanger('Veuillez sélectionner le droit à ajouter.')
            return 0
        }

        if (_('#seliddroit').value == -1) {
            
            const swalWithBootstrapButtons = Swal.mixin({
                customClass: {
                    confirmButton: 'btn btn-success ms-2',
                    cancelButton: 'btn btn-dark'
                },
                buttonsStyling: false
            })

            swalWithBootstrapButtons.fire({
                title: 'Êtes-vous sûres ?',
                text: "De vouloirs attribuer TOUS LES DROITS à cet utilisateur !",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonText: 'Je confirme !',
                cancelButtonText: 'Non !',
                reverseButtons: true
            }).then((result) => {
                if (result.isConfirmed) {

                    newdroit_users(_('#inpidusers').value, _('#seliddroit').value)
                        .then((response) => {

                            if (response.success == 2) {

                                notifSuccess('Nouveau droit attribué.')

                                $('#seliddroit').val(0).trigger('change')
                                
                                listeDroit_users(_('#inpidusers').value)
                                    .then((response) => {

                                        if (response.success == 1) {
                                            
                                            let data = response.data

                                            // Charger le tableau et attendre qu'il soit rempli
                                            tableListDroitLieeUser = remplissageDataTable({
                                                IdentifiantDuTableau: '#tableListDroitLieeUser',
                                                obj: data,
                                                lengthChange: false
                                            });
                                        }else{

                                            $('#modalDroit').modal('hide')
                                        }
                                    })
                            }

                            // loaderIcon(elmt, 'bx bx-plus-circle')
                        })
                        // .catch(() => loaderIcon(elmt, 'bx bx-plus-circle'))
                }
            })

            return 0
        }

        loaderIcon(elmt, 'bx bx-plus-circle')
        newdroit_users(_('#inpidusers').value, _('#seliddroit').value)
            .then((response) => {

                if (response.success == 2) {

                    notifSuccess('Nouveau droit attribué.')

                    $('#seliddroit').val(0).trigger('change')
                    
                    listeDroit_users(_('#inpidusers').value)
                        .then((response) => {

                            if (response.success == 1) {
                                
                                let data = response.data

                                // Charger le tableau et attendre qu'il soit rempli
                                tableListDroitLieeUser = remplissageDataTable({
                                    IdentifiantDuTableau: '#tableListDroitLieeUser',
                                    obj: data,
                                    lengthChange: false
                                });
                            }else{

                                $('#modalDroit').modal('hide')
                            }
                        })
                }

                loaderIcon(elmt, 'bx bx-plus-circle')
            }).catch(() => loaderIcon(elmt, 'bx bx-plus-circle'))
    })

    $(document).on('click', '#deleteDroit', function(){

        let iddroit_users = $(this).attr('data-id')

        const swalWithBootstrapButtons = Swal.mixin({
            customClass: {
                confirmButton: 'btn btn-danger ms-2',
                cancelButton: 'btn btn-dark'
            },
            buttonsStyling: false
        })

        swalWithBootstrapButtons.fire({
            title: 'Êtes-vous sûres ?',
            text: "De vouloirs retirer ce droit à cet utilisateur !",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: 'Je confirme !',
            cancelButtonText: 'Non !',
            reverseButtons: true
        }).then((result) => {

            if (result.isConfirmed) {

                retirerDroit_users(iddroit_users)
                    .then((response) => {

                        if (response.success == 1) {
                            
                            listeDroit_users(_('#inpidusers').value)
                                .then((response) => {

                                    if (response.success == 1) {
                                        
                                        let data = response.data

                                        // Charger le tableau et attendre qu'il soit rempli
                                        tableListDroitLieeUser = remplissageDataTable({
                                            IdentifiantDuTableau: '#tableListDroitLieeUser',
                                            obj: data,
                                            lengthChange: false
                                        });
                                    }else{

                                        $('#modalDroit').modal('hide')
                                    }
                                })
                        }
                    })

            }
        })
    })
</script>

@endsection