<form action="" id="innovation-form" [formGroup]="view_InnovationFormModel" (ngSubmit)="onSubmit()">
    <input type="text" class="innovation-form-input form-element" [placeholder]="labels[formType].inputs.title" formControlName="title">
    <div *ngIf="formType !== enumInnovationType.ideaPOC">
        <select class="innovation-form-input form-element two-cell" name="category" placeholder="Category" formControlName="category">
      <option value="" selected>Category</option>
      <option [value]="catIn.category" *ngFor='let catIn of (innovationCategories$ | async)'>{{catIn.category}}</option>
    </select>
        <select class="innovation-form-input form-element two-cell" name="innovationFocal" placeholder="InnovationFocal" formControlName="innovationFocal">
      <option value="" selected>Reviewers</option>
      <option [value]="catIn.focalId" *ngFor='let catIn of (innovationFocal$ | async)'>{{catIn.focalName}}</option>
    </select>
    </div>
    <textarea class="innovation-form-textarea form-element" [placeholder]="labels[formType].inputs.desc" formControlName="description"></textarea>
    <app-multi-select *ngIf="formType !== enumInnovationType.ideaPOC" id="job_assessment_id" placeholder="Co Innovators" [options]="coInnovators" name="assessment_id" formControlName="coIinnovators"></app-multi-select>
    <div id="innovation-form-footer">
        <div id="file-uploader">
            <input type="file" id="select-file-input" (change)="fileSelected()" #files>
            <mat-icon>attach_file</mat-icon>
            <label for="select-file-input"> {{ selectedFile.name ? selectedFile.name : 'Attach Documents' }}</label>
        </div>
        <div id="form-actions" *ngIf="activeButton !== 'close'">
            <button type="submit" [class.active]="activeButton === 'create'" [disabled]="activeButton !== 'create'">Create</button>
            <button type="submit" [hidden]="formType === enumInnovationType.poc" [class.active]="activeButton === 'submit'" [disabled]="activeButton !== 'submit'">Submit</button>
            <!--  <button type="button" [class.active]="activeButton === 'close'" (click)="deleteIdea()">Close</button> -->
        </div>
    </div>
    <!-- <button type='submit' hidden='true' #submit></button> -->
</form>
z