<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-back-button icon="arrow-round-back"></ion-back-button>
    </ion-buttons>
    <ion-title>{{'Shipping Method'|translate}}</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>

  <ion-list class="ion-padding" *ngIf="resetPage">
    <ion-radio-group>
      <div *ngFor="let m of shippingMethod">
        <ion-item lines="full" *ngIf="m.enabled && checkFreeShipping(m)">
          <ion-label>{{m.method_title}}
            <span *ngIf="m.settings.cost">{{m.settings.cost.value|curency}}</span>
          </ion-label>
          <ion-radio [value]=[m] (ionSelect)="setMethod(m)"></ion-radio>
        </ion-item>
      </div>
    </ion-radio-group>
  </ion-list>
</ion-content>
<ion-footer>
  <ion-button expand="full" color="secondary" (click)="proceedOrder()" [disabled]="shared.shipping_lines.length==0">
    {{'Next'|translate}}</ion-button>
</ion-footer>