<div class="row">
    <div>
        <h3>Produits avec Réferences Externes vides</h3>
        <div class="loader" id="Loaderdiv" style=" margin:0 auto;"></div>
        <div class="alert bg-danger closeable" role="alert" id="msgBottom" style="margin: 80px">
            {{error_ref_missing}}.
            <i class="ion-close-round" style="float: right;" ng-click="hideMsg()"></i>
        </div>
        <div class="col-md-10 col-md-offset-1">
            <div class="animate-bottom" id="divTable">
                <div class="table-responsive">
                    <table class="table table-bordered">
                        <thead >
                        <tr class="tr-background-color">
                            <th>Groupe Produit</th>
                            <th>Référence Externe</th>
                            <th>Code Client</th>
                            <th>Nom Produit</th>
                            <th>Code Produit</th>
                        </tr>
                        </thead>
                        <tr dir-paginate="item in referencesExternesMissing |itemsPerPage:refersPerPage " total-items="totalReferencesMissing" current-page="pagination.current" class="align-td-center ">
                            <td >{{item.group_name | limitTo:35}}</td>
                            <td >{{item.group_reference_name | limitTo:35}}</td>
                            <td >{{item.client_ERP_code | limitTo:35}}</td>
                            <td >{{item.product_name | limitTo:35}}</td>
                            <td >{{item.product_ERP_code | limitTo:35}}</td>
                        </tr>
                    </table>
                    <dir-pagination-controls on-page-change="pageChanged(newPageNumber)"  style="float: right"></dir-pagination-controls>

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