<div class="row">
  <div class="col-xs-12">
    <div class="page-header">
      <h1>Tier {{currentTier}} <small>poule {{currentPoule}}</small></h1>
    </div>
  </div>
</div>

<div class="row">
  <div class="col-sm-12">
    <div class="team-col pull-left" ng-repeat="team in teamsInPoule" ng-style="{'width':(100/teamsInPoule.length)+'%'}">
      <h2>{{team.teamname}}</h2>
      <div ng-repeat="race in team.races">

        <div class="panel panel-default">
          <div class="panel-heading">
            <h3 class="panel-title">Race {{race.idrace}}</h3>
          </div>
          <div class="panel-body">
            <div ng-repeat="laptime in race.laptimes">{{laptime.laptime | interval}}</div>
          </div>
        </div>

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