<div class="dmp-criteria">
	<div class="filters">
		<div class="row justify-content-center">
			<div class="col-10">
				<h6 class="criteria-title">{{'CRITERIA.FILTERS'| translate}}</h6>
			</div>
		</div>
		<div class="row justify-content-center">
			<!-- Search Filter-->
			<!-- <mat-form-field class="col-11 search">
				<input matInput placeholder="{{'CRITERIA.GRANTS.LIKE'| translate}}" name="grantCriteriaLike"
					[formControl]="formGroup.get('like')">
				<mat-error *ngIf="formGroup.get('like').hasError('backendError')">
					{{formGroup.get('like').getError('backendError').message}}</mat-error>
				<mat-icon matSuffix class="style-icon">search</mat-icon>
			</mat-form-field> -->
			<!-- End of Search Filter -->

			<!-- Status Filter-->
			<div class="col-10" *ngIf="!isPublic">
				<h6 class="category-title">{{'CRITERIA.DATA-SETS.STATUS'| translate}}</h6>
				<mat-radio-group aria-label="Select an option" [formControl]="formGroup.get('status')">
					<mat-list-item>
						<mat-radio-button value="null" [checked]="!formGroup.get('status').value">{{ 'TYPES.DATASET-STATUS.ANY' | translate }}</mat-radio-button>
					</mat-list-item>
					<mat-list-item>
						<mat-radio-button value="0">{{ 'TYPES.DATASET-STATUS.DRAFT' | translate }}</mat-radio-button>
					</mat-list-item>
					<mat-list-item>
						<mat-radio-button value="1">{{ 'TYPES.DATASET-STATUS.FINALISED' | translate }}</mat-radio-button>
					</mat-list-item>
				</mat-radio-group>
				<hr>
			</div>
			<!-- End of Status Filter-->

			<!-- Grant Status -->
			<div class="col-10" *ngIf="isPublic">
				<h6 class="category-title">{{ 'FACET-SEARCH.GRANT-STATUS.TITLE' | translate }}</h6>
				<mat-radio-group [formControl]="formGroup.get('grantStatus')">
					<mat-list-item>
						<mat-radio-button checked value="null" [checked]="!formGroup.get('grantStatus').value">{{ 'FACET-SEARCH.GRANT-STATUS.OPTIONS.ANY' | translate }}</mat-radio-button>
					</mat-list-item>
					<mat-list-item>
						<mat-radio-button value="0">{{ 'FACET-SEARCH.GRANT-STATUS.OPTIONS.ACTIVE' | translate }}</mat-radio-button>
					</mat-list-item>
					<mat-list-item>
						<mat-radio-button value="1">{{ 'FACET-SEARCH.GRANT-STATUS.OPTIONS.INACTIVE' | translate }}</mat-radio-button>
					</mat-list-item>
				</mat-radio-group>
				<hr>
			</div>
			<!-- End of Grant Status -->

			<!-- Related Dataset Templates Filters -->
			<div class="col-10">
				<h6 class="category-title">{{'CRITERIA.DATA-SETS.RELATED-DATASET-TEMPLATES' | translate}}</h6>
				<mat-form-field class="mb-4">
					<mat-label>{{'CRITERIA.DATA-SETS.SELECT-DATASET-TEMPLATES' | translate }}</mat-label>
					<app-multiple-auto-complete [formControl]="formGroup.get('datasetTemplates')" [configuration]="datasetTemplateAutoCompleteConfiguration">
					</app-multiple-auto-complete>
				</mat-form-field>
				<hr>
			</div>
			<!-- End of Related Dataset Templates Filters -->

			<!-- Related DMP Filters -->
			<div class="col-10">
				<h6 class="category-title">{{'CRITERIA.DATA-SETS.RELATED-DMP' | translate}}</h6>
				<mat-form-field class="mb-4">
					<mat-label>{{'CRITERIA.DATA-SETS.SELECT-DMP' | translate }}</mat-label>
					<app-multiple-auto-complete [formControl]="formGroup.get('groupIds')" [configuration]="dmpAutoCompleteConfiguration">
					</app-multiple-auto-complete>
				</mat-form-field>
				<hr>
			</div>
			<!-- End of Related DMP Filters -->

			<!-- All Versions Filter-->
			<div class="col-10" *ngIf="!isPublic">
				<h6 class="category-title">{{'CRITERIA.DATA-SETS.ALL-VERSIONS'| translate}}</h6>
				<mat-slide-toggle [formControl]="formGroup.get('allVersions')"></mat-slide-toggle>
				<hr>
			</div>
			<!-- End of All Versions Filter-->

			<!-- Related Grant Filters -->
			<div class="col-10">
				<h6 class="category-title">{{'CRITERIA.DATA-SETS.RELATED-GRANT' | translate}}</h6>
				<mat-form-field class="mb-4">
					<mat-label>{{'CRITERIA.DATA-SETS.SELECT-GRANTS' | translate }}</mat-label>
					<app-multiple-auto-complete [formControl]="formGroup.get('grants')" [configuration]="grantAutoCompleteConfiguration">
					</app-multiple-auto-complete>
				</mat-form-field>
				<hr>
			</div>
			<!-- End of Related Grants Filters -->

			<!-- Related Collaborators Filters -->
			<div class="col-10" *ngIf="!isPublic">
				<h6 class="category-title">{{'CRITERIA.DATA-SETS.RELATED-COLLABORATORS' | translate}}</h6>
				<mat-form-field class="mb-4">
					<mat-label>{{'CRITERIA.DATA-SETS.SELECT-COLLABORATORS' | translate }}</mat-label>
					<app-multiple-auto-complete [formControl]="formGroup.get('collaborators')" [configuration]="collaboratorsAutoCompleteConfiguration">
					</app-multiple-auto-complete>
				</mat-form-field>
				<hr>
			</div>
			<!-- End of Related Collaborators Filters -->

			<!-- Role Filter -->
			<div class="col-10" *ngIf="isAuthenticated()">
				<h6 class="category-title">{{'CRITERIA.DATA-SETS.ROLE' | translate }}</h6>
				<mat-radio-group aria-label="Select an option" [formControl]="formGroup.get('role')">
					<mat-list-item>
						<mat-radio-button checked value="null" [checked]="!formGroup.get('role').value">{{ 'TYPES.DATASET-ROLE.ANY' | translate }}</mat-radio-button>
					</mat-list-item>
					<mat-list-item>
						<mat-radio-button value="0">{{ 'TYPES.DATASET-ROLE.OWNER' | translate }}</mat-radio-button>
					</mat-list-item>
					<mat-list-item>
						<mat-radio-button value="1">{{ 'TYPES.DATASET-ROLE.MEMBER' | translate }}</mat-radio-button>
					</mat-list-item>
				</mat-radio-group>
				<hr>
			</div>
			<!-- End of Role Filter -->

			<!-- Related Organization Filter -->
			<div class="col-10">
				<h6 class="category-title">{{'CRITERIA.DATA-SETS.ORGANIZATION' | translate }}</h6>
				<mat-form-field class="mb-4">
					<mat-label>{{'CRITERIA.DATA-SETS.SELECT-ORGANIZATIONS' | translate}}</mat-label>
					<app-multiple-auto-complete [formControl]="formGroup.get('organisations')" [configuration]="organisationAutoCompleteConfiguration">
					</app-multiple-auto-complete>
				</mat-form-field>
				<hr>
			</div>
			<!-- End of Related Organization Filter -->

			<!-- Tags Filter -->
			<div class="col-10">
				<h6 class="category-title">{{'CRITERIA.DATA-SETS.TAGS' | translate }}</h6>
				<mat-form-field class="mb-4">
					<mat-label>{{'CRITERIA.DATA-SETS.SELECT-TAGS' | translate}}</mat-label>
					<app-multiple-auto-complete [formControl]="formGroup.get('tags')" [configuration]="tagsAutoCompleteConfiguration">
					</app-multiple-auto-complete>
				</mat-form-field>
			</div>
			<!-- End of Tags Filter -->

			<!-- Import Button -->
			<!-- <div class="col-10 import">
				<button class="importButton" mat-raised-button color="primary" (click)="fileSave($event)"
					type="button col-auto">
					{{'DMP-UPLOAD.ACTIONS.IMPORT' | translate}}
				</button>
			</div> -->

		</div>
	</div>
</div>

<!-- <form class="dataset-criteria">
	<mat-card class="mat-card">
		<mat-card-header>
			<mat-card-title>
				<h4>{{'CRITERIA.FILTERS'| translate}}</h4>
			</mat-card-title>
			<div class="col"></div>
			<button class="importButton" mat-raised-button color="primary" (click)="fileImport($event)" type="button col-auto">
				{{'DATASET-UPLOAD.ACTIONS.IMPORT' | translate}}
			</button>
		</mat-card-header>
		<div class="row">
			<mat-form-field class="col-md-3">
				<input matInput placeholder=" {{'CRITERIA.DATA-SETS.LIKE'| translate}}" name="datasetCriteriaName" [(ngModel)]="criteria.like"
				 (ngModelChange)="controlModified()">
			</mat-form-field>

			<mat-form-field class="col-md-3">
				<app-multiple-auto-complete placeholder="{{'CRITERIA.DMP.LIKE'| translate}}" name="dmpCriteriaName" [(ngModel)]="criteria.dmpIds"
				 (ngModelChange)="controlModified()" [configuration]="dmpAutoCompleteConfiguration"></app-multiple-auto-complete>
			</mat-form-field>

			<mat-form-field class="col-md-3">
				<mat-select placeholder=" {{'CRITERIA.DATA-SETS.STATUS'| translate}}" name="datasetCriteriastatus" [(ngModel)]="criteria.status"
				 (ngModelChange)="controlModified()">
					<mat-option [value]="null">{{'CRITERIA.DATA-SETS.NONE'| translate}}</mat-option>
					<mat-option [value]="statuses.Draft">{{enumUtils.toDatasetStatusString(statuses.Draft)}}</mat-option>
					<mat-option [value]="statuses.Finalized">{{enumUtils.toDatasetStatusString(statuses.Finalized)}}</mat-option>
				</mat-select>
			</mat-form-field>
			<mat-form-field class="col-md-3">
				<app-multiple-auto-complete name="datasetCriteriaTags" [(ngModel)]="criteria.tags" (ngModelChange)="controlModified()" placeholder="{{'CRITERIA.DATA-SETS.TAGS' | translate}}"
				 [configuration]="tagsAutoCompleteConfiguration"></app-multiple-auto-complete>
			</mat-form-field>
		</div>
	</mat-card>
</form> -->
