<ol class="breadcrumb">
  <li><a href="#/championships/">Kampioenschappen</a></li>
  <li><a href="#/championship/{{currentChampionship}}/teams">Teams voor kampioenschap {{currentChampionship}}</a></li>
  <li class="active">Drivers voor team {{currentTeam}}</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 chauffeur 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="newdriver.name">
          <span class="input-group-btn">
            <button type="button" class="btn btn-success" ng-click="addDriver(newdriver);">Voeg toe!</button>
          </span>
        </div>        
      </div>
    </div>
  </div>

  <div class="col-md-7 col-xs-12">
    <div class="panel panel-default" ng-show="drivers.length > 0">
      <div class="panel-heading">
        <h3 class="panel-title">Drivers</h3>
      </div>
      <div class="panel-body">
        <table class="table table-condensed table-striped">
          <tr>
            <th>Naam</th>
            <th>Acties</th>
          </tr>
          <tr ng-repeat="driver in drivers">
            <td>{{driver.name}}</td>
            <td>
              <a class="btn btn-danger btn-sm" ng-click="deleteDriver(driver);">
                <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 chauffeur 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="newdriver.name">
          <span class="input-group-btn">
            <button type="button" class="btn btn-success" ng-click="addDriver(newdriver);">Voeg toe!</button>
          </span>
        </div>        
      </div>
    </div>
  </div>
</div>
