<div class="card niceborder bg-primary text-light">
  <div class="card-body">
    <input type="search" class="form-control" placeholder="Rechercher" ng-model="query">
  </div>
  <table class="table table-hover table-striped">
    <thead>
      <tr>
	<th ng-repeat="field in fields" ng-click="order(field)" width="33%">
	  {{ field | rankTitle }}
	  <span class="glyphicon" ng-if="rankOrder === field" ng-class="{'glyphicon-chevron-up': reverse, 'glyphicon-chevron-down': !reverse}"></span>
	</th>
      </tr>
    </thead>
    <tbody>
      <tr ng-repeat="team in rank | filter: query | orderBy:rankOrder:reverse" ng-click="show(team.id)" ng-if="team.rank" ng-class="{'bg-info': my.team_id == team.id}">
	<td>{{ team.rank }}</td>
	<td>{{ team.name }}</td>
	<td>{{ team.score | number:0 }}</td>
      </tr>
    </tbody>
  </table>
</div>
