<div class="plans-table-element">
  <table class="table table-hover plans-table-table" ng-show="plans">
    <thead>
      <th>Plan</th>
      <th>Private Repositories</th>
      <th style="min-width: 85px">Price</th>
      <th></th>
    </thead>
             
    <tr ng-repeat="plan in plans" ng-class="currentPlan == plan ? 'active' : ''">
      <td>{{ plan.title }}</td>
      <td>{{ plan.privateRepos }}</td>
      <td><div class="plan-price">${{ plan.price / 100 }}</div></td>
      <td class="controls">
        <a class="btn" href="javascript:void(0)"
           ng-class="currentPlan == plan ? 'btn-primary' : 'btn-default'"
           ng-click="setPlan(plan)">
          {{ currentPlan == plan ? 'Selected' : 'Choose' }}
        </a>
      </td>
    </tr>
  </table>
</div>
