<mat-card *ngFor="let pageControl of form['controls']; let i=index;" class="page-card">
	<mat-card-title class="page-card-title">{{'DATASET-PROFILE-EDITOR.STEPS.PAGES.PAGE-PREFIX' | translate}} {{i + 1}}</mat-card-title>
	<div class="row">
		<mat-form-field class="col">
			<input matInput type="text" placeholder="{{'DATASET-PROFILE-EDITOR.STEPS.PAGES.PAGE-INPUT-TITLE' | translate}}"
			 [formControl]="pageControl.get('title')" required>
			<mat-error *ngIf="pageControl.get('title').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
		</mat-form-field>
		<button mat-icon-button type="button" class="col-auto" (click)="removePage(i)" [disabled]="viewOnly">
			<mat-icon>delete</mat-icon>
		</button>
	</div>
</mat-card>
