<div class="row">
    <div style="position: absolute;margin : auto; ">
        <h3>Communication Revendeur</h3></br>
    </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/resellerCommunications/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="searchComm(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">
                 <div class="table-responsive">
                     <table class="table table-bordered" >

                         <tr class="tr-background-color">
                             <th>ID</th>
                             <th>Titre</th>
                             <th>Code Client</th>
                             <th>Date Début</th>
                             <th>Date Fin</th>
                             <th>Statut</th>
                             <th></th>
                         </tr>

                         <tr dir-paginate="item in comms |itemsPerPage:commsPerPage " total-items="totalComms" current-page="pagination.currentComm" class="align-td-center ">
                             <td>{{item.id}}</td>
                             <td>{{item.title}}</td>
                             <td>{{item.client.ERP_code}}</td>
                             <td>{{frenchDateFormat(item.start_date)}}</td>
                             <td>{{frenchDateFormat(item.end_date)}}</td>
                             <td>{{item.deactivated == 0? 'Activé': 'Désactivé'}}</td>
                             <td class="div-centred-td">
                                 <button class="btn btn-flexo btn-sm" ui-sref="consultationResellerCommunication({id : item.id })">Consulter</button>
                                 <button class="btn btn-flexo btn-sm" ui-sref="updateResellerCommunication({id : item.id })">Modifier</button>

                             </td>
                         </tr>
                     </table>
                     <dir-pagination-controls on-page-change="pageChanged(newPageNumber)"  style="float: right"></dir-pagination-controls>
                 </div></br></br>
                 <button class="btn btn-flexo" style="float: right" ui-sref="addResellerCommunication">Ajouter</button>
             </div>
         </div>
    </div>

</div>
