<!--
  Generated template for the OnboardingPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-content>
  <ion-slides #slider pager slidesPerView="1" (ionSlideWillChange)="onIonDrag($event)" >
    <ion-slide id="slide1">
      <div class="title">Medicinal</div>
      <div class="card">
        <img class="step-one" src="./assets/img/icon.route.png" alt="">
        <div>Esta es la primera app en Chile</div>
        <div class="bold">absolutamente regulada</div> con recetas controladas
      </div>
    </ion-slide>
    <ion-slide id="slide0">
      <div class="title">Tratamiento Online</div>
      <div class="card">
        <img class="step-one" src="./assets/img/icon.online.png" alt="">
        <div>MY hace tu tratamiento más comodo y facil.</div>
      </div>
    </ion-slide>
    <ion-slide id="slide2">
      <div class="title">Abona en línea</div>
      <div class="card">
        <img class="step-two" src="./assets/img/icon.box.png" alt="">
        <div>
          Con <span class="bold">MY</span> tu tarjeta queda registrada o mantienes un saldo, abona directo en la App.
        </div>
      </div>
    </ion-slide>
    <ion-slide id="slide3">
      <div class="title">Sigue tu pedido</div>
      <div class="card">
        <img class="step-three" src="./assets/img/icon.deliveryman.png" alt="">
        <div>
          Tracking de tu pedido
        </div>
      </div>
    </ion-slide>
  </ion-slides>
  <div class="labels">
    <div class="labelsWrapper">
      <div id="skip" (tap)="skip()">{{ 'ONBOARDING.SKIP' | translate }}</div>
      <div id="next" (tap)="next()">{{ 'ONBOARDING.NEXT' | translate }}</div>
    </div>
  </div>
</ion-content>
