<ion-header>
  <ion-toolbar mode="ios" class="sangh">
    <ion-buttons slot="start">
      <ion-back-button mode="md"></ion-back-button>
    </ion-buttons>
    <ion-title class="back-btn">Add Sangh</ion-title>
  </ion-toolbar>
</ion-header>
<ion-content class="sangh">
  <div class="top-line">
    <div class="stepper">
      <div class="step sangh-stepper"></div>
      <div class="step sangh-stepper"></div>
      <div class="step sangh-stepper"></div>
      <div class="step sangh-stepper"></div>
      <div class="step sangh-stepper"></div>
    </div>
  </div>
  <h2 *ngIf="+santService.sanghInfoForm?.controls?.sangh_type.value !== 2">Sangh profile image</h2>
  <h2 *ngIf="+santService.sanghInfoForm?.controls?.sangh_type.value === 2">
    {{santService.sanghInformationForm.value.sanghInfoForm.mulnayak_bhagwan_name.value}}</h2>
  <p>Please upload clean and original image that can help followers to identify your Sangh.</p>
  <ion-avatar class="ion-margin-start profile-bg" (click)="selectProfileImage()">
    <img src="/assets/images/sangh-profile.png" *ngIf="!photo" />
    <img [src]="photo | safeUrl" *ngIf="photo" />
  </ion-avatar>
  <ion-button mode="md" class="si" expand="inline-block" (click)="selectProfileImage()">CHANGE PROFILE
    IMAGE</ion-button>
</ion-content>
<ion-footer class="sangh finish-btn">
  <ion-button mode="md" class="si" expand="block" (click)="goToInviteMembers()">Finish</ion-button>
  <ion-button mode="md" class="si" expand="block" (click)="goToHome()">Cancel</ion-button>
</ion-footer>