<div class="confirmation-dialog">
	<div *ngIf="data.icon" class="row d-flex flex-row">
		<div class="col-auto close-btn justify-content-start">
			<mat-icon color="warn">{{ data.icon }}</mat-icon>
		</div>
		<div *ngIf="data.warning" class="col justify-content-center warn-text">{{ data.warning }}</div>
		<div class="col-auto close-btn justify-content-end" (click)="close()">
			<mat-icon>close</mat-icon>
		</div>
	</div>
	<div class="row d-flex flex-row">
		<div class="col message pb-4 pl-3">{{ data.message }}</div>
		<div *ngIf="!data.icon" class="col-auto close-btn justify-content-end" (click)="close()">
			<mat-icon>close</mat-icon>
		</div>
	</div>
	<div *ngIf="data.privacyPolicyNames" class="row d-flex flex-col">
		<div class="col-12 privacy-policy-names">{{ data.privacyPolicyNames }}</div>
		<mat-checkbox [(ngModel)]="agreePrivacyPolicyNames" required class="checkbox-privacy">
			{{'GENERAL.CONFIRMATION-DIALOG.ACTIONS.POLICY-AGREE' | translate}}
		</mat-checkbox>
		<div *ngIf="!agreePrivacyPolicyNames" class="required-policy">{{'GENERAL.CONFIRMATION-DIALOG.ACTIONS.REQUIRED' | translate}}</div>
	</div>
	<div class="row">
		<div class="col"></div>
		<span *ngFor="let title of data.titles; let i = index">
		<div class="col-auto"><button mat-raised-button type="button" (click)="apply(i)" class="confirm">{{ title }}</button></div>
		</span>
	</div>
</div>
