reservasi.html

<!--
  Generated template for the Reservasi page.

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

<ion-content class="outer-content">

  <ion-list>
    <ion-item>
      <ion-label>{{nama}}</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>{{alamat}}</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>{{noTelp}}</ion-label>
    </ion-item>
  </ion-list>

<ion-list>
  <ion-item>
    <ion-label>Service</ion-label>
    <!-- [(ngModel)]="data.nama_service" -->
    <ion-select>
      <ion-option *ngFor="let data of datas" [value]="data.nama_service">{{data.nama_service}}</ion-option>
    </ion-select>
  </ion-item>
  <ion-item>
    <ion-label>Pelayan</ion-label>
    <!-- [(ngModel)]="data.nama_pelayan" -->
    <ion-select >
      <ion-option *ngFor="let data of datas" [value]="data.nama_service">{{data.nama_pelayan}} </ion-option>
    </ion-select>
  </ion-item>
    <ion-item>
      <ion-label>Waktu</ion-label>
      <ion-datetime displayFormat="DD-MM-YYYY HH:mm" [(ngModel)]="today"></ion-datetime>
    </ion-item>
    <ion-item *ngFor="let data of datas">
      <ion-label align="center"><ion-icon name="md-pricetags"> {{data.harga}}</ion-icon></ion-label>
    </ion-item>

  </ion-list>

  <ion-card>
    <ion-item *ngFor="let data of datas">
      <h2>{{data.nama_bank}}</h2>
      <p>{{data.no_rek}}</p>
    </ion-item>
</ion-card>

  <ion-card>

  <ion-card-content>
    <img src="{{pathForImage(lastImage)}}" style="width: 100%" [hidden]="lastImage === null">
    <h6 [hidden]="lastImage !== null"></h6>
  </ion-card-content>
</ion-card>

<ion-buttons>
    <button ion-button icon-left (click)="presentActionSheet()">
      <ion-icon name="camera"></ion-icon>Pilih Gambar
    </button>
    <button ion-button icon-left (click)="uploadImage()" [disabled]="lastImage === null">
      <ion-icon name="cloud-upload"></ion-icon>Upload
    </button>
  </ion-buttons>

  <ion-list>
    <button ion-button block color="secondary" icon-left>
      <ion-icon name="md-send"></ion-icon>
       Kirim
     </button>
  </ion-list>

</ion-content>