<div class="row">
    <div >
        <h3>Utilisateurs</h3>

            <div class="animate-bottom" id="divTable">
                <div class="table-responsive">
                    <table class="table table-bordered">
                        <thead >
                        <tr class="tr-background-color">
                            <th>Nom</th>
                            <th>Prénom</th>
                            <th>Gsm</th>
                            <th>Login</th>
                            <th></th>
                        </tr>
                        </thead>
                        <tr dir-paginate="item in detailRevendeurs |itemsPerPage:revendeursPerPage " total-items="totalRevendeurs" current-page="pagination.current" class="align-td-center ">
                            <td >{{item.last_name}}</td>
                            <td >{{item.first_name}}</td>
                            <td >{{item.mobile}}</td>
                            <td >{{item.user.email}}</td>
                            <td class="div-centred-td">
                                <button class="btn btn-flexo btn-sm" ui-sref="updateUser({idUser:item.id})">Modifier</button>
                                <button class="btn btn-flexo btn-sm" ng-click="deleteUser(item.id)" ng-show="false" ng-confirm-click="You are about to overwrite your PUBLISHED content!! Are you SURE you want to publish?">Supprimer</button>
                                <button class="btn btn-flexo btn-sm" ng-click="deactivateUser(item.id , 0)" ng-show="item.deactivated == 1" style="width: 80px">Activer</button>
                                <button class="btn btn-flexo btn-sm" ng-click="deactivateUser(item.id , 1)" ng-show="item.deactivated == 0" style="width: 80px">Désactiver</button>
                            </td>
                        </tr>
                        <tfoot >
                        <tr>
                            <td colspan="6" class="text-center">
                                <div st-pagination="" st-items-by-page="itemsBypage" ></div>
                            </td>
                        </tr>
                        </tfoot>
                    </table>


                </div></br></br>
                <div style="float: right;margin-right: 20px">
                <button name="add" class="btn btn-flexo"  ui-sref="addUserToCompanie({idCompanie:companieId})" >Ajouter</button>
                <a href="javascript:history.back()"><button name="add" class="btn btn-flexo">Annuler</button></a>
                    </div>
            </div>
        </div>
    </div>