<ion-header>
  <ion-navbar color="primary">
    <ion-title>
        Promotions</ion-title>
  </ion-navbar>
</ion-header>

<ion-content id='page-promo'>
 <ion-refresher (ionRefresh)="refreshPromo($event)">
    <ion-refresher-content></ion-refresher-content>
  </ion-refresher>
   <ion-card *ngFor="let p of products" (click)="openNavDetailsPage(p.id)">

    <img [src]="imageURL + p.feature_image"/>

    <ion-card-content>
      <ion-card-title>
        {{ p.name }}
      </ion-card-title>
      {{ p.created_at ? ( p.created_at.$date | amTimeAgo ) : "-" }}
<!--
      <p>
      {{ p.description }}
      </p> -->
    </ion-card-content>
    </ion-card>
<!--
    <ion-row no-padding>
      <ion-col>
        <button ion-button clear small color="danger" icon-start (click)="openNavDetailsPage(p._id.$oid)" >
          <ion-icon name='star'></ion-icon>
          แลกแต้ม
        </button>
      </ion-col>
      <ion-col text-center>
        <button ion-button clear small color="danger" icon-start>
          <ion-icon name='bonfire'></ion-icon>
          {{ p.cal_return / 1000 }}k Cals
        </button>
      </ion-col>
      <ion-col text-right>
        <button ion-button clear small color="danger" icon-start>
          <ion-icon name='share-alt'></ion-icon>
          Share
        </button>
      </ion-col> 
    </ion-row>

   </ion-card> -->
<!--
  <ion-card [navPush]="catPage" [navParams]="{catId: 12}">
    <img src="https://media.glassdoor.com/l/4a/15/9c/13/nike-ipanema-store-rio-de-janeiro-brasil.jpg"/>
    <div class="card-title">Best Sellers</div>
    <div class="card-subtitle">41 Listings</div>
  </ion-card>
  <ion-card [navPush]="catPage" [navParams]="{catId: 6, catTitle: 'Clothing'}">
    <img src="http://ngnation.com/wp-content/uploads/2015/01/SS15_Jetstream_Zip_640092-496_detail_01_PPT_36641_750x420.jpg"/>
    <div class="card-title">Clothing</div>
    <div class="card-subtitle">41 Listings</div>
  </ion-card>
  <ion-card>
    <img src="http://www.nikeshoes.us.com/images/nikeairmax170310/Nike%20Air%20Max%202017%20Men/Nike%20Air%20Max%202017%20Black%20And%20White%20Logo%20Mens.jpg"/>
    <div class="card-title">Shoes</div>
    <div class="card-subtitle">41 Listings</div>
  </ion-card> 
-->
</ion-content>
