
  <form id="people-form" class="mb-5 mb-10">
    <input name="id" type="hidden" value=""/>
  
    <div class="row">
      <div class="col-sm-4">
        <input name="name" type="text" value="" placeholder="Nombre" class="form-control" required [(ngModel)]="name"/>
      </div>
  
      <div class="col-sm-5">
        <input name="kind" type="text" value="" placeholder="Tipo" class="form-control" required
               [(ngModel)]="kind"/>
      </div>
  
      <div class="col-sm-3">
        <button id="btnSubmit" class="btn btn-primary"
                (click)="onModify()">{{pet.id === undefined ? 'Crear' : 'Editar'}}</button>
        <button id="btnClear" class="btn" (click)="onClean()">Limpiar</button>
      </div>
    </div>
  </form>

