<form [formGroup]="form" (ngSubmit)="submit()" novalidate>
    <accordion [isAnimated]="true">
        <accordion-group heading="General information" [isOpen]="true">
            <div class="form-group">
                <label for="name">Name</label>
                <input type="text" class="form-control" id="name" name="name" formControlName="name">
            </div>
            <div class="form-group">
                <label for="label">Label</label>
                <input type="text" class="form-control" id="label" name="label" formControlName="label">
            </div>
            <app-data-path-form-control
                [form]="form"
                [rootDirectory]="rootDirectory"
                [rootDirectoryIsLoading]="rootDirectoryIsLoading"
                [rootDirectoryIsLoaded]="rootDirectoryIsLoaded"
                (loadRootDirectory)="onChangeDataPath($event)">
            </app-data-path-form-control>
        </accordion-group>
        <app-design-form-group [form]="designFormGroup"></app-design-form-group>
        <app-search-form-group [form]="searchFormGroup"></app-search-form-group>
        <app-documentation-form-group [form]="documentationFormGroup"></app-documentation-form-group>
    </accordion>
    <div class="form-group pt-4">
        <ng-content></ng-content>
    </div>
</form>