<div class="editor-container">
  <h4 class="bg-primary">Select a company and client ID</h4>

  <div class="margin-bottom-md clearfix">
    <div class="row margin-top-md">
      <div class="col-sm-8 col-xs-12 margin-bottom-md">
        <form action="" name="searchForm" ng-submit="search()" novalidate>
          <select ng-options="item.value as item.name for item in searchOptions" ng-model="filterType"></select>
          <input type="text" ng-model="filterValue" placeholder="Enter search" size="12" required>
          <button type="submit" class="btn btn-default btn-xs" ng-disabled="searchForm.$invalid"><i class="fa fa-search"></i></button>
        </form>
      </div>

      <div class="col-sm-4 col-xs-12 text-right">
        <button class="btn btn-default" type="button" ng-click="tableParams.sorting({})">Clear sorting</button>
      </div>
    </div>
  </div>

  <div loading-container="tableParams.settings().$loading">
    <table ng-table="tableParams" show-filter="false" class="table">
      <tbody>
        <tr ng-repeat="request in $data track by request.id" ng-click="startOptionsModal(request.company_id, request.id)">
          <td data-title="'Company Name'" sortable="'company_name'">{{request.company_name}}</td>
          <td data-title="'Client ID'" sortable="'username'">{{request.username}}</td>
        </tr>
      </tbody>
    </table>
  </div> 
  

  <ul class="pager">
    <li class="previous">
      <button type="button" ng-disabled="tableParams.$params.page === 1" ng-click="tableParams.page(tableParams.$params.page-1)"><span aria-hidden="true">&larr;</span> Previous</button>
    </li>

    <li class="next">
      <button type="button" ng-disabled="tableParams.data.length < tableParams.$params.count" ng-click="tableParams.page(tableParams.$params.page+1)">Next <span aria-hidden="true">&rarr;</span></button>
    </li>
  </ul>
</div>