<ol class="breadcrumb">
  <li><a href="#/championships/">Kampioenschappen</a></li>
  <li><a href="#/championship/{{currentChampionship}}/poules">Poules voor {{currentChampionship}}</a></li>
  <li><a href="#/championship/{{currentChampionship}}/poule/{{currentTier}}/{{currentPoule}}/races">Races voor poule {{currentTier}}/{{currentPoule}}</a></li>
  <li><a href="#/championship/{{currentChampionship}}/poule/{{currentTier}}/{{currentPoule}}/race/{{currentRace}}/drives">Ritten voor race {{currentRace}}</a></li>
  <li class="active">Commentaar voor rit {{currentDrive}}</li>
</ol>

<div class="row">
  <div class="col-md-8">
    <div class="panel panel-default">
      <div class="panel-heading">
        <h3 class="panel-title">Comments</h3>
      </div>
      <div class="panel-body">
        <table class="table">
          <tr><th>Commentaar</th><th>Penalty</th><th>Acties</th></tr>
          <tr ng-repeat="comment in comments">
            <td>{{comment.comment}}</td>
            <td>{{comment.penaltyseconds}} <small ng-show="comment.penaltyseconds > 0">secs</small></td>
            <td>
              <a class="btn btn-danger btn-sm" href="" ng-click="deleteComment(comment.idcomment)">Verwijder</a>
            </td>
          </tr>
        </table>
      </div>
    </div>
  </div>

  <div class="col-md-4">
    <div class="panel panel-default">
      <div class="panel-heading">
        <h3 class="panel-title">Voeg rit toe</h3>
      </div>
      <div class="panel-body">
        <div class="panel panel-default">
          <div class="panel-heading">Opties en acties</div>
          <div class="panel-body">
            <textarea ng-model="newcomment" class="form-control" style="resize: none;"></textarea>
            <div class="input-group">
              <input type="number" class="form-control" placeholder="Extra seconds" aria-describedby="basic-addon2" ng-model="newpenaltyseconds">
              <span class="input-group-addon" id="basic-addon2">penalty seconden</span>
            </div>
            <button type="button" class="btn btn-default" ng-disabled="newpenaltyseconds==null && newcomment==null" ng-click="addComment(newcomment, newpenaltyseconds);" ng-disabled="selectedDriver == null">Voeg commentaar toe</button>
          </div>
        </div>
      </div><!-- end row -->
    </div>
  </div>
</div>
