<form [formGroup]="form" name="form" autocomplete="off" novalidate (ngSubmit)="submit()" class="form-content">
  <div class="mail-box-header detail-header" [ngClass]="{'title-border-bottom': mode !='new'}">

      <xdf-form-header title_="goal.title" [recordIdentifier]="record?.id" titleDesc="goal.title.desc"
          [mode]="mode" [resourceAuth]="resourceAuth" (optionEvent)="optionEvent($event)" [editing]="mode === 'edit'"
          [displaying]="mode === 'view'">
      </xdf-form-header>
  </div>

  <div class="mail-box-content">
    <div class="row">
      <div class="col-12">
        <div class="form-content">
          <div class="group-content">
            <div class="row">
              <div class="form-group col-xl-10">
                <xdf-input name="identifier" label="goal_form_identifier" type="text"
                  [required]="true" placeholder="goal_form_identifier" [formGroup]="form"
                  [options]="{maxLength: 1000, showLength: true}">
                </xdf-input>
              </div>
            </div>
            <div class="row">
              
              <div class="form-group col-xl-6">
              <xdf-select label="agent_name_goal" name="agentId" [values]="typeList"
                      [required]="true" placeholder="agent_name_goal"
                      [disabled]="mode === 'view'"
                      [formGroup]="form" [options]="{}">
              </xdf-select>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

<!-- <byte-goal-action-grid [mode]="mode" [goalid]="id" [alarma]="eventsubmit" [agentId]="agenId" [identifier]="identifier">
</byte-goal-action-grid> -->
<byte-goal-config-layout *ngIf="actionLoaded && (goalActionListloaded || (mode==='new'))" [mode]="mode" (onChange)="changesDetected()" >
</byte-goal-config-layout>
    <div class="row">
      <div class="col-lg-12">
        <div class="form-status-bar border-top">     
          <button *ngIf="mode !== 'view'" type="submit" mat-stroked-button class="btn btn-primary"
            [disabled]="form?.invalid" >
            <i class="fa fa-save" aria-hidden="true"></i>{{'btn.save' | translate}}
          </button>
        </div>
      </div>
    </div>
  </div>




</form>
