<ng-container formArrayName="bailFixedTerms" *ngIf="lease.numberOfFixedTermPeriods > 0">
        <div class="row" *ngFor="let bail of contractFormModel.controls.bailFixedTerms.controls; let i = index" [formGroupName]="i">
          <div class="col-md-6">
            <label for="datetimepicker5" class="datepicker-label control-label">{{ 'bailPeriodeFermeDateEnd' | translate | diacritic }} {{ i+1 }} *</label>
            <div class="form-icon">
                <!-- <my-date-picker class="form-control" type="text" #bailFixedTerms formControlName="date" (dateChanged)="updateFermesDate($event,i)" [options]="bailFixedTermsDateOptions" (click)="setZIndex($event)" readonly></my-date-picker> -->
            </div>
            <!-- <div class="help-block" *ngIf="bailFixedTerms.errors && (bailFixedTerms.touched || bailFixedTerms.dirty)">
                <p class="text-danger" *ngIf="bailFixedTerms.errors.required">
                    {{ 'errorRequiredField' | translate | diacritic }}
                </p>
            </div> -->
          </div>
          <div class="col-md-6">
            <label class="control-label">{{ 'bailPeriodeFermeDuration' | translate | diacritic }} {{ i+1 }} ({{ 'month' | translate | diacritic }}) *</label>
            <!-- <input class="form-control" type="number" min="0" #bailFixedTermsDuration formControlName="duration" (input)="updateFermesDuration($event,i)" pattern="[0-9]+" required autocorrect="off" autocomplete="off" spellcheck="off"> -->
            <!-- <div class="help-block" *ngIf="bailFixedTermsDuration.errors && (bailFixedTermsDuration.touched || bailFixedTermsDuration.dirty)">
                <p class="text-danger" *ngIf="bailFixedTermsDuration.errors.required">
                    {{ 'errorRequiredField' | translate | diacritic }}
                </p>
            </div> -->
          </div>
        </div>
      </ng-container>