<div class="confirmation-dialog">
	<div class="row d-flex flex-row" *ngIf="data.icon || data.warning">
		<div class="col-auto close-btn justify-content-start" *ngIf="data.icon">
			<mat-icon color="warn">{{ data.icon }}</mat-icon>
		</div>
		<div *ngIf="data.warning" class="col justify-content-center warn-text"> <h5><strong>{{ data.warning }}</strong></h5></div>
		<div class="col-auto close-btn justify-content-end" (click)="close()">
			<mat-icon>close</mat-icon>
		</div>
	</div>
	<div class="row justify-content-end mb-1" *ngIf="!data.icon && !data.warning">
		<div  class="col-auto close-btn" (click)="close()">
			<mat-icon>close</mat-icon>
		</div>
	</div>
	<div class="row d-flex flex-row mb-2">
		<div class="col message pb-4 pl-3">{{ data.message }}</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" style="justify-content: space-between;">
		<!-- <div class="col"></div> -->
		<div class="col-auto"><button mat-raised-button type="button" class="cancel-btn" (click)="cancel()">{{ data.cancelButton }}</button></div>
		<div *ngIf="data.isDeleteConfirmation" class="col-auto"><button mat-raised-button type="button" (click)="confirm()" class="delete-btn">{{ data.confirmButton }}</button></div>
		<div *ngIf="!data.isDeleteConfirmation && !data.privacyPolicyNames" class="col-auto"><button mat-raised-button type="button" (click)="confirm()" class="submit-btn">{{ data.confirmButton }}</button></div>
		<div *ngIf="!data.isDeleteConfirmation && data.privacyPolicyNames" class="col-auto"><button mat-raised-button type="button" [disabled]="!agreePrivacyPolicyNames" (click)="confirm()" class="submiit-btn">{{ data.confirmButton }}</button></div>
	</div>
</div>
