<ol class="breadcrumb">
  <li><a href="#/championships/">Kampioenschappen</a></li>
  <li class="active">Overzicht kampioenschap {{currentChampionship}}</li>
</ol>

<div class="row">
  <div class="visible-sm-block visible-xs-block col-sm-12 col-xs-12">
    <div class="panel panel-default">
      <div class="panel-heading">
        <h3 class="panel-title">Voeg team toe</h3>
      </div>
      <div class="panel-body">
        <div class="input-group input-group-sm">
          <span class="input-group-addon" id="sizing-addon2">Naam</span>
          <input type="text" class="form-control" aria-describedby="sizing-addon2" ng-model="newteam.name">
          <span class="input-group-btn">
            <button type="button" class="btn btn-success" ng-click="addTeam(newteam);">Toevoegen</button>
          </span>
        </div>
      </div>
    </div>
  </div>

  <div class="col-md-7 col-xs-12">
    <div class="panel panel-default">
      <div class="panel-heading">
        <h3 class="panel-title">Teams</h3>
      </div>
      <div class="panel-body">
        <table class="table table-condensed table-striped">
         <tr><th>Naam</th><th>Acties</th></tr>
         <tr ng-repeat="team in teams">
          <td>{{team.name}}</td>
          <td>
            <a class="btn btn-sm" ng-class="{'btn-warning':team.drivercount>0 && team.drivercount!=2, 'btn-info':team.drivercount==2, 'btn-danger':team.drivercount==0}" href="#/championship/{{team.idchampionship}}/team/{{team.idteam}}/drivers">Bekijk chauffeurs <span class="badge">{{team.drivercount}}</span></a>
            <a class="btn btn-danger btn-sm" ng-click="deleteTeam(team)"><span class="glyphicon glyphicon-remove" aria-hidden="true" tooltip="Verwijderen!"></span></a></td>
          </tr>
        </table>
      </div>
    </div>
  </div>

  <div class="col-md-5 hidden-sm hidden-xs">
    <div class="panel panel-default">
      <div class="panel-heading">
        <h3 class="panel-title">Voeg team toe</h3>
      </div>
      <div class="panel-body">
        <div class="input-group input-group-sm">
          <span class="input-group-addon" id="sizing-addon2">Naam</span>
          <input type="text" class="form-control" aria-describedby="sizing-addon2" ng-model="newteam.name">
          <span class="input-group-btn">
            <button type="button" class="btn btn-success" ng-click="addTeam(newteam);">Toevoegen</button>
          </span>
        </div>
      </div>
    </div>
  </div>
</div>
