<ion-header>
  <ion-navbar>
    <ion-title>backlogg</ion-title>
  </ion-navbar>
</ion-header>

<ion-content class="games-content" padding>
  <h2>Total Games Added By Users</h2>
  <ion-list>
    <ion-item-sliding  *ngFor="let game of games" (click)="openSummary({id:game.id})">
    <ion-item>
        <ion-thumbnail item-start>
            <img src="{{game.imageURL}}">
        </ion-thumbnail>
      <h2>{{game.title}}</h2>
      <h3>{{ game.studio }}</h3>
      <h4>{{ game.platform }}</h4>
    </ion-item>

    <!-- <ion-item-options side="left">
        <button ion-button color="primary" (click)="doCompleteGame()">
          <ion-icon name="add"></ion-icon> Complete
        </button>
    </ion-item-options> -->

    <ion-item-options side="right">
        <button ion-button color="secondary" (click)="doAddGame({id:game.id})">
          <ion-icon name="add"></ion-icon> Add Game
        </button>
    </ion-item-options>

  </ion-item-sliding>
  </ion-list>
</ion-content>


