<button
  class="btn btn-default"
  type="button"
  [popoverTitle]="'Revoke TOTP secret' | translate"
  [popover]="confirm"
  #popover="bs-popover"
  placement="bottom"
>
  <i c8yIcon="key"></i>
  {{ 'Revoke TOTP secret' | translate }}
</button>

<ng-template #confirm>
  <p class="m-b-16" translate>
    This action will revoke the user's stored TOTP secret which will require a new setup.
  </p>
  <button
    class="btn btn-default"
    type="button"
    title="{{ 'Cancel' | translate }}"
    (click)="popover.hide()"
    translate
  >
    Cancel
  </button>
  <button
    class="btn btn-danger"
    type="button"
    title="{{ 'Revoke' | translate }}"
    (click)="revoke(); popover.hide()"
    translate
  >
    Revoke
  </button>
</ng-template>