<h1>
  <a href="teams/{{team.id}}">{{ team.name }}</a>
  <small class="text-muted">Détails des scores</small>
</h1>

<p><input type="search" class="form-control" placeholder="Search" ng-model="query" autofocus></p>
<table ng-controller="TeamScoreController" class="table table-hover table-striped table-bordered bg-dark text-light">
  <thead>
    <th>Exercice</th>
    <th>Raison</th>
    <th>Points</th>
    <th>Calcul</th>
    <th>Date</th>
  </thead>
  <tbody>
    <tr ng-repeat="row in scores | filter: query | orderBy:'time'" ng-class="{'bg-danger': row.reason == 'Bonus flag', 'bg-ffound': row.reason == 'First blood', 'bg-wchoices': row.reason == 'Display choices', 'bg-success': row.reason == 'Validation', 'bg-info': row.reason == 'Hint', 'bg-warning': row.reason == 'Tries'}">
      <td>
	<a ng-repeat="exercice in exercices" ng-if="exercice.id == row.id_exercice" href="exercices/{{ row.id_exercice }}">{{ exercice.title }}</a>
      </td>
      <td>
	{{ row.reason }}
      </td>
      <td>
	{{ row.points * row.coeff }}
      </td>
      <td>
	{{ row.points }} * {{ row.coeff }}
      </td>
      <td>
	<nobr title="{{ row.time }}">{{ row.time | date:"mediumTime" }}</nobr>
      </td>
    </tr>
  <tfoot>
    <th></th>
    <th></th>
    <th>{{ my.score }}</th>
  </thead>
  </tbody>
</table>
