<ion-header>
  <ion-toolbar color="primary">
    <ion-buttons slot="start">
      <ion-menu-button></ion-menu-button>
    </ion-buttons>
    <ion-title>{{'faq.header' | translate}}</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <h2 class="ion-padding ion-text-capitalize" style="padding-bottom: 0.25em">{{'faq.header' | translate}}</h2>
  <ion-accordion-group [multiple]="true" [value]="['first', 'third']">
    <ion-accordion>
      <ion-item slot="header" color="light">
        <ion-label>{{'faq.faq_1' | translate}}®</ion-label>
      </ion-item>
      <div class="ion-padding" slot="content">{{'faq.faq_1.1' | translate}}</div>
    </ion-accordion>
    <ion-accordion>
      <ion-item slot="header" color="light">
        <ion-label>{{'faq.faq_2' | translate}}</ion-label>
      </ion-item>
      <div class="ion-padding" slot="content">{{'faq.faq_2.1' | translate}}</div>
    </ion-accordion>
    <ion-accordion>
      <ion-item slot="header" color="light">
        <ion-label>{{'faq.faq_3' | translate}}</ion-label>
      </ion-item>
      <div class="ion-padding" slot="content">{{'faq.faq_3.1' | translate}}</div>
    </ion-accordion>
    <ion-accordion>
      <ion-item slot="header" color="light">
        <ion-label>{{'faq.faq_4' | translate}}</ion-label>
      </ion-item>
      <div class="ion-padding" slot="content">{{'faq.faq_4.1' | translate}}</div>
    </ion-accordion>
    <ion-accordion>
      <ion-item slot="header" color="light">
        <ion-label>{{'faq.faq_5' | translate}}</ion-label>
      </ion-item>
      <div class="ion-padding" slot="content">{{'faq.faq_5.1' | translate}}</div>
    </ion-accordion>
    <ion-accordion>
      <ion-item slot="header" color="light">
        <ion-label>{{'faq.faq_6' | translate}}</ion-label>
      </ion-item>
      <div class="ion-padding" slot="content">{{'faq.faq_6.1' | translate}}</div>
    </ion-accordion>
    <ion-accordion>
      <ion-item slot="header" color="light">
        <ion-label>{{'faq.faq_7' | translate}}</ion-label>
      </ion-item>
      <div class="ion-padding" slot="content">{{'faq.faq_7.1' | translate}}</div>
    </ion-accordion>
    <ion-accordion>
      <ion-item slot="header" color="light">
        <ion-label>{{'faq.faq_8' | translate}}</ion-label>
      </ion-item>
      <div class="ion-padding" slot="content">{{'faq.faq_8.1' | translate}}</div>
    </ion-accordion>
    <ion-accordion>
      <ion-item slot="header" color="light">
        <ion-label>{{'faq.faq_9' | translate}}</ion-label>
      </ion-item>
      <div class="ion-padding" slot="content">{{'faq.faq_9.1' | translate}}</div>
    </ion-accordion>
  </ion-accordion-group>
</ion-content>
