<ng-container *ngTemplateOutlet="loopStatus?.error ? loopFailedBlock : loopSuccessfulBlock"></ng-container>
<ng-template #loopFailedBlock>
  <div fxLayout="column"><span
      class="foreground-secondary-text">{{loopStatus?.error ? loopStatus?.error : 'Unknown Error.'}}</span>
  </div>
</ng-template>
<ng-template #loopSuccessfulBlock>
  <div fxLayout="column">
    <div fxLayout="row">
      <div fxFlex="100">
        <h4 fxLayoutAlign="start" class="font-bold-500">ID</h4>
        <span class="foreground-secondary-text">{{loopStatus?.id_bytes}}</span>
      </div>
    </div>
    <mat-divider class="w-100 my-1"></mat-divider>
    <div fxLayout="row">
      <div fxFlex="100">
        <h4 fxLayoutAlign="start" class="font-bold-500">HTLC Address</h4>
        <span class="foreground-secondary-text">{{loopStatus?.htlc_address}}</span>
      </div>
    </div>
  </div>
</ng-template>
