<form class="user-roles-criteria" [formGroup]="formGroup">
	<div class="container-fluid p-0">
		<div class="row">
			<span class="d-flex col-auto align-items-center pr-0 show">{{'CRITERIA.USERS.SHOW' | translate}}:</span>
			<mat-form-field appearance="outline" class="sort-form col-auto">
				<mat-select placeholder="{{'CRITERIA.USERS.ROLE' | translate}}" formControlName="appRoles" multiple>
					<mat-option *ngFor="let role of rolesEnum" [value]="role">{{enumUtils.convertFromPrincipalAppRole(role)}}</mat-option>
				</mat-select>
			</mat-form-field>

			<mat-form-field appearance="outline" class="search-form ml-auto col-auto" floatLabel="never">
				<mat-icon matSuffix>search</mat-icon>
				<input matInput placeholder="{{'CRITERIA.USERS.LABEL'| translate}}" formControlName="like">
				<!-- <mat-error *ngIf="formGroup.get('like').hasError('backendError')">{{formGroup.get('like').getError('backendError').message}}</mat-error> -->
			</mat-form-field>
		</div>
	</div>
</form>
