<ion-header>
  <ion-toolbar mode="ios" [ngClass]="{'sangh-post': type === 3}">
    <ion-buttons slot="start">
      <ion-back-button mode="md"></ion-back-button>
    </ion-buttons>
    <ion-title class="back-btn">Post type</ion-title>
  </ion-toolbar>
</ion-header>
<ion-content [ngClass]="{'sangh-post': type === 3}">
  <div class="bg global-form">
    <p>What is the post type?
      <span>Select type for your post</span>
    </p>
    <ion-card>
      <ion-card-content *ngFor="let type of postTypeList">
        <ion-radio-group [(ngModel)]="postTypeId" (ionChange)="onTypeChange(type)">
          <ion-radio labelPlacement="end" color="primary" slot="start" [value]="type.id" mode="md">{{type.name}}
            <ion-label>
              <p>{{type.description}}</p>
            </ion-label>
          </ion-radio>
        </ion-radio-group>
      </ion-card-content>
    </ion-card>
  </div>
</ion-content>
<ion-footer [ngClass]="{'sangh-post': type === 3}">
  <ion-button mode="md" class="si" expand="block" (click)="onSubmit()">Done</ion-button>
</ion-footer>