order dulu bang

<!--
  Generated template for the ItemReviewOrderPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>Item Review</ion-title>
  </ion-navbar>

</ion-header>

<div *ngIf="show_image" class="backdrop"></div>

<ion-card *ngIf="show_image" class="card_showimage">

  <ion-toolbar color="primary" no-padding>
    <ion-row align-items-center>
      <ion-col col-2 self-align-center></ion-col>
      <ion-col col-8 self-align-center>
        <ion-label class="toolbarTitle">{{name}}</ion-label>
      </ion-col>
      <ion-col col-2 self-align-end>
        <ion-buttons end>
        <button (click)="close()" small ion-button color="danger" icon-only>
          <ion-icon name="md-close"></ion-icon>
        </button>
        </ion-buttons>
      </ion-col>
    </ion-row>
  </ion-toolbar>

  <ion-grid>
    <ion-row align-items-center>
      <ion-col self-align-center>
        <div class="foodImageFrame">
          <img class="foodImage" src="{{image}}">
        </div>
      </ion-col>
    </ion-row>

  </ion-grid>

</ion-card>


<ion-content *ngFor="let item of list_item">
  <ion-item>
    <ion-thumbnail item-start (click)="showImage(item.img, item.name)">
      <img src="{{item.img}}">
    </ion-thumbnail>
    <h2>{{item.name}}</h2>
  </ion-item>
  <div>&nbsp;</div>
  <div>&nbsp;</div>
  <div class="item-detail">
    <ion-row>
      <ion-col>
        <h5 style="font-weight: bold; font-size: large">
        {{"cring.label_quantity"|translate}}
        </h5>
      </ion-col>
      <ion-col col-5 self-align-center>
        <ion-row align-items-center>
            <ion-col tappable (click)="minus(item)" self-align-center style="text-align: center;">
                <ion-icon style="font-size: 35px; color: #0844a6" name="md-remove-circle" color="default"></ion-icon>
            </ion-col>

            <ion-col self-align-center class="qty_box">
              <div text-center>{{item.qty}}</div>
            </ion-col>

            <ion-col tappable (click)="plus(item)" self-align-center style="text-align: center;">
                <ion-icon style="font-size: 35px; color: #0844a6" name="md-add-circle"></ion-icon>
            </ion-col>
        </ion-row>
      </ion-col>
    </ion-row>
  </div>
  <div class="item-detail">
    <h5 style="font-weight: bold; font-size: large">
    {{"cring.label_notes_for_seller"|translate}}
    </h5>
    <ion-textarea  [(ngModel)]="item.note" rows="3" maxLength="500" placeholder="{{'cring.label_add_notes'|translate}}" name="note" clearInput value={{item.note}} ></ion-textarea>
  </div>

  <div class="item-detail">
    <h5 style="font-weight: bold; font-size: large" icon-right>
    {{"cring.label_shipping_destination"|translate}}
    </h5>
    <ion-icon name="hammer" (click)="gotoEditAddress()"></ion-icon>
    <ion-list *ngIf="showChosenAddress">
      <ion-item>
        <label stacked>Name Receiver</label>
          <h1>{{chosenAddress.name}}</h1>
        <label stacked>Address</label>
          <h2>{{chosenAddress.address}}</h2>
        <label stacked>Province</label>
          <h3>{{chosenAddress.province}}</h3>
        <label stacked>Postal Code</label>
          <h4>{{chosenAddress.postalCode}}</h4>
        <label stacked>Pickup Location</label>
          <h4>{{chosenAddress.pickupLocation}}</h4>
      </ion-item>
    </ion-list>
  </div>

  <div class="item-detail">
    <h5 style="font-weight: bold; font-size: large">
    {{"cring.label_shipping_agency"|translate}}
    </h5>
    <ion-list radio-group *ngFor="let agency of shippingAgencyFinal; let i = index" [attr.data-index]="i">
      <ion-item>
        <ion-label>{{agency.nameAgency}}</ion-label>
        <ion-radio value="{{agency}}" [checked]="agency == chooseAgency.selectedValue" (click)="agencyClicked(agency)">
        </ion-radio>
      </ion-item>
    </ion-list>
  </div>
  <div>&nbsp;</div>
  <div>&nbsp;</div>
  <div class="item-detail">
    <ion-row>
      <h3 style="font-weight: bold; font-size: large">
      {{"cring.label_product_price"|translate}}
      </h3>
      <h3 end>{{item.price | currency:'USD':true:'2.2-4'}}</h3>
    </ion-row>
  </div>
</ion-content>

<ion-footer >
  <ion-toolbar toolbar-md-button-font-size class="cart-button" *ngFor="let c of cart" (click)="confirmOrder(c)" >
    <div>
      <button ion-button clear block>{{"cring.label_buy"|translate}}</button>
    </div>
  </ion-toolbar>
</ion-footer>


 <!-- <ion-footer *ngIf="btnEstPrcTrigger">
  <ion-toolbar tappable class="cart-button" (click)="gotoCart()">
    <div>
    <ion-row align-items-center>
      <ion-col self-align-center col-2>
      <ion-icon class="cart_icon" name="cart"></ion-icon>
      <ion-badge mode="ios" *ngIf="estimatedQty" class="cart_badge">{{estimatedQty}}</ion-badge>
      </ion-col>

      <ion-col col-9>
        <ion-row> Estimated Price </ion-row>
        <ion-row *ngIf = "estimatedPrice">
          <h5 style="color: red"> KHR {{estimatedPrice}} </h5>
        </ion-row>
      </ion-col>

      <ion-col style="border-left: 2px solid #DEDEDE" self-align-center *ngIf = "estimatedPrice">
        <div>{{"cring.label_est_price"|translate}}</div>
        <div *ngIf="setLang != 'km' " style="font-size: large; color: #0844a6;">
          KHR {{estimatedPrice}}
        </div>
        <div *ngIf="setLang == 'km' " style="font-size: large; color: #0844a6;">
        {{estimatedPrice}} រៀល
        </div>
      </ion-col>

      <ion-col self-align-center col-1>
      <ion-icon name="ios-arrow-forward"></ion-icon>
      </ion-col>
    </ion-row>
    </div>
  </ion-toolbar>
</ion-footer> -->