<div class="funder-editor">
	<form *ngIf="funderFormGroup" [formGroup]="funderFormGroup">
		<mat-card>
			<mat-card-header></mat-card-header>
			<mat-card-content>
				<div class="row" *ngIf="!isNew">
					<p class="col-md-12"><b>{{'QUICKWIZARD.CREATE-ADD.CREATE.QUICKWIZARD_CREATE.FIRST-STEP.ABOUT-FUNDER' | translate}}</b></p>
					<mat-form-field class="col-md-12 mt-2">
						<app-single-auto-complete [required]='true' [formControl]="funderFormGroup.get('existFunder')" placeholder="{{'QUICKWIZARD.CREATE-ADD.CREATE.QUICKWIZARD_CREATE.FIRST-STEP.FIELDS.SELECT-FUNDER' | translate}}" [configuration]="funderAutoCompleteConfiguration">
						</app-single-auto-complete>
						<mat-hint>{{'DMP-EDITOR.FIELDS.EXTERNAL-SOURCE-HINT' | translate}}</mat-hint>
						<mat-error *ngIf="funderFormGroup.get('existFunder').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
					</mat-form-field>
				</div>

				<div class="row" *ngIf="isNew">
					<p class="col-md-12"><b>{{'QUICKWIZARD.CREATE-ADD.CREATE.QUICKWIZARD_CREATE.FIRST-STEP.ABOUT-NEW-FUNDER' | translate}}</b></p>
					<mat-form-field class="col-md-12">
						<input matInput placeholder="{{'QUICKWIZARD.CREATE-ADD.CREATE.QUICKWIZARD_CREATE.FIRST-STEP.FIELDS.FUNDER-LABEL' | translate}}" type="text" name="label" [formControl]="funderFormGroup.get('label')" required>
						<mat-error *ngIf="funderFormGroup.get('label').hasError('backendError')">{{funderFormGroup.get('label').getError('backendError').message}}</mat-error>
						<mat-error *ngIf="funderFormGroup.get('label').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
					</mat-form-field>
				</div>

				<div class="row">
					<div class="align-self-center mt-2 col">
						<hr>
					</div>
					<h3 class="col-auto">
						{{'QUICKWIZARD.CREATE-ADD.CREATE.QUICKWIZARD_CREATE.FIRST-STEP.OR' | translate}}
					</h3>
					<div class="align-self-center mt-2 col">
						<hr>
					</div>
				</div>
				<div class="row">
					<div class="col"></div>

					<button mat-raised-button class="col-auto" color="primary" type="button" *ngIf="!isNew" (click)="create()">{{'QUICKWIZARD.CREATE-ADD.CREATE.QUICKWIZARD_CREATE.ACTIONS.CREATE-NEW-FUNDER' | translate}}</button>
					<button mat-raised-button class="col-auto" color="primary" type="button" *ngIf="isNew" (click)="create()">{{'QUICKWIZARD.CREATE-ADD.CREATE.QUICKWIZARD_CREATE.ACTIONS.EXIST-FUNDER' | translate}}</button>

					<div class="col"></div>
				</div>

			</mat-card-content>
		</mat-card>
	</form>
</div>
