<div class="row">
    <div >
        <h3>Particuliers</h3>
    </div></br></br>

    <div class="col-md-12">
        <div class="animate-bottom">
            <div class="panel panel-default">

                <div class="panel-heading">
                    <h3 class="panel-title">Critères de recherche</h3>
                </div>
                <div class="panel-body" >
                    <div ng-include="'app/pages/utilisateurs/particuliers/widgets/search.html'" ></div>
                </div>
            </div>

            <div  class="col-md-3 col-md-offset-9 " >
                <button class="btn btn-flexo" style="float: right;bottom:   0; margin-right: 25px" ng-click="searchCommand(pagination.current)">Chercher</button>
            </div></br></br>
        </div>
    </div>
    <div class="col-md-12">
        <div class="loader" id="Loaderdiv" style=" margin:0 auto;"></div>
        <div class="alert bg-danger closeable" role="alert" id="msgError" style="margin: 80px">
            {{error_response}}.
            <i class="ion-close-round" style="float: right;" ng-click="hideMsgError()"></i>
        </div>
        <div  id="divEmpty" style=" margin:0 auto;"><span class="error-msg-server">Aucun élément trouvé</span></div>
        <div class="animate-bottom" id="divTable">
                    <table class="table table-bordered">
                        <thead >
                        <tr class="tr-background-color">
                            <th>ID</th>
                            <th>Nom</th>
                            <th>Prénom</th>
                            <th>Ville</th>
                            <th>E-mail</th>
                            <th></th>
                        </tr>
                        </thead>
                        <tr dir-paginate="item in users | filter:search:strict | itemsPerPage: usersPerPage" total-items="totalUsers" current-page="pagination.currentParticulier" class="align-td-center ">
                            <td >{{item.id}}</td>
                            <td >{{item.last_name}}</td>
                            <td >{{item.first_name}}</td>
                            <td >{{item.town.value}}</td>
                            <td >{{item.user.email}}</td>
                            <td class="div-centred-td">
                                <button class="btn btn-flexo btn-sm" ui-sref="consultationParticulier({id : item.id })">Consulter</button>
                                <button class="btn btn-flexo btn-sm" ui-sref="updateParticulier({id : item.id })">Modifier</button>
                                <!--button class="btn btn-flexo btn-sm" ng-click="deactivateParticulier(item.id , 0)" ng-show="item.deactivated == 1" style="width: 80px">Activer</button-->
                                <!--button class="btn btn-flexo btn-sm" ng-click="deactivateParticulier(item.id , 1)" ng-show="item.deactivated == 0" style="width: 80px">Désactiver</button-->
                            </td>
                        </tr>
                    </table>
                    <dir-pagination-controls on-page-change="pageChanged(newPageNumber)"  style="float: right"></dir-pagination-controls></br></br>
        </div>

            </div>
        </div>
    </div>
