slondetil.html

<!--
  Generated template for the Salondetil page.

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

<ion-content>
  <div>
    <ion-card>
      <img src="assets/salon.jpg" />
      <ion-card-content>
        <h2>
        {{data.nama}}
       </h2>
        <p>
          {{data.alamat}}
        </p>
      </ion-card-content>
      <ion-list>
        <ion-item>
          <ion-label>{{data.nama_service}}</ion-label>
          <ion-note item-right>Rp.{{data.harga}}</ion-note>
        </ion-item>
        <button ion-button block color="primary" icon-left (click)="reservasi()">
                  <ion-icon name="md-checkbox-outline"></ion-icon>
                   Reservasi
                 </button>
      </ion-list>
      <ion-row no-padding>
        <ion-col>
          <button ion-button color="danger" clear small>
                        <ion-icon name="star"></ion-icon>
                        <div>Favorite</div>
                    </button>
        </ion-col>
        <ion-col text-right>
          <button ion-button clear small>
                    <ion-icon name="thumbs-up"></ion-icon>
                     <div>Like</div>
                  </button>
        </ion-col>
      </ion-row>
    </ion-card>
  </div>
</ion-content>