<!--
  ~ DAA Example
  ~
  ~ Copyright (C) 2019 - Miguel Reboiro-Jato.
  ~
  ~ This program is free software: you can redistribute it and/or modify
  ~ it under the terms of the GNU General Public License as published by
  ~ the Free Software Foundation, either version 3 of the License, or
  ~ (at your option) any later version.
  ~
  ~ This program is distributed in the hope that it will be useful,
  ~ but WITHOUT ANY WARRANTY; without even the implied warranty of
  ~ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  ~ GNU General Public License for more details.
  ~
  ~ You should have received a copy of the GNU General Public License
  ~ along with this program. If not, see <http://www.gnu.org/licenses/>.
  -->

<table id="people-list" class="table">
  <thead>
  <tr class="row">
    <th class="col-sm-4">Nombre</th>
    <th class="col-sm-5">Apellido</th>
    <th class="col-sm-3">&nbsp;</th>
  </tr>
  </thead>
  <tbody>
    <tr *ngFor="let person of people" class="row" id="person-{{person.id}}">
      <td class="col-sm-4 name">{{person.name}}</td>
      <td class="col-sm-5 surname">{{person.surname}}</td>
      <td class="col-sm-3">
        <button class="btn btn-primary edit" (click)="onEdit(person)">Edit</button>
        <button class="btn btn-warning delete" (click)="onDelete(person)">Delete</button>
        <button class="btn btn-success pets " (click)="pets(person)">Pets</button>
      </td>
    </tr>
  </tbody>
</table>
