<form *ngIf="userWatchList" name="deleteForm" (ngSubmit)="confirmDelete(userWatchList?.id!)">
  <div class="modal-header">
    <h4 class="modal-title" jhiTranslate="entity.delete.title">Confirm delete operation</h4>

    <button type="button" class="close" data-dismiss="modal" aria-hidden="true" (click)="cancel()">&times;</button>
  </div>

  <div class="modal-body">
    <!-- TODO
        <jhi-alert-error></jhi-alert-error>
     -->
    <p
      id="jhi-delete-userWatchList-heading"
      jhiTranslate="gitsearchApp.userWatchList.delete.question"
      [translateValues]="{ id: userWatchList.name }"
    >
      Are you sure you want to delete this User Watch List?
    </p>
  </div>

  <div class="modal-footer">
    <button type="button" class="btn btn-secondary" data-dismiss="modal" (click)="cancel()">
      <fa-icon icon="ban"></fa-icon>&nbsp;<span jhiTranslate="entity.action.cancel">Cancel</span>
    </button>

    <button id="jhi-confirm-delete-userWatchList" type="submit" class="btn btn-danger">
      <fa-icon icon="times"></fa-icon>&nbsp;<span jhiTranslate="entity.action.delete">Delete</span>
    </button>
  </div>
</form>