<ion-header>
  <ion-navbar color="primary">
    <button ion-button menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>
    <ion-title>{{title}}</ion-title>
    <ion-buttons end>
      <button ion-button icon-only>
        <ion-icon name="search"></ion-icon>
      </button>
    </ion-buttons>
  </ion-navbar>
</ion-header>

<ion-content padding>
  <ion-list>
    <ion-item>
      <ion-row>
        <ion-col>Height</ion-col>
        <ion-col>Transactions</ion-col>
        <ion-col>Mined By</ion-col>
      </ion-row>
    </ion-item>
    <ion-item *ngFor="let block of blocks | async">
      <ion-row>
        <ion-col>
          #{{block.height}}
        </ion-col>
        <ion-col>
          {{block.transactionCount}} transactions
        </ion-col>
        <ion-col>
          <a *ngIf="block.poolName" href="{{block.url}}">{{block.poolName}}</a>
        </ion-col>
      </ion-row>
    </ion-item>
  </ion-list>
</ion-content>
