<div class="table-responsive">
  <table class="table table-striped table-hover">
    <thead>
      <tr>
        <th>Nome</th>
        <th>Próxima Ocorrência</th>
        <th>País</th>
        <th>Âmbito</th>
        <th></th>
        <th></th>
      </tr>
    </thead>
    <tbody>
      <tr ng-repeat="item in items">
        <td>{{item.name}}</td>
        <td>{{calculateNextOccurrence(item)}}</td>
        <td>{{item.country.name.common}}</td>
        <td>{{item.isLocal ? 'Municipal' : 'Nacional'}}</td>
        <td><button ng-click="openEdit(item);" type="button" class="btn btn-default btn-xs"><span class="fa fa-edit"></span> Editar</button></td>
        <td><button ng-click="remove(item);" type="button" class="btn btn-danger btn-xs"><span class="fa fa-trash-o"></span> Apagar</button></td>
      </tr>
    </tbody>
  </table>
</div>
