@if (bootstrap(); as bootstrap) {
<section class="editor-section-card">
  <h2>{{ 'builder.general' | translate }}</h2>
  <div class="editor-grid two">
    <label>
      <span>{{ 'builder.marketplaceName' | translate }}</span>
      <input type="text" [ngModel]="bootstrap.branding.brandName" (ngModelChange)="updateMarketplaceName($event)" />
    </label>
    <label>
      <span>{{ 'builder.domain' | translate }}</span>
      <input type="text" [ngModel]="bootstrap.tenant.host" (ngModelChange)="updateDomain($event)" />
    </label>
    <label class="full">
      <span>{{ 'builder.descriptionLabel' | translate }}</span>
      <textarea rows="3" [ngModel]="bootstrap.seo.default.description" (ngModelChange)="updateDescription($event)"></textarea>
    </label>
    <label>
      <span>{{ 'builder.defaultLanguage' | translate }}</span>
      <input type="text" [ngModel]="bootstrap.localization.defaultLocale" (ngModelChange)="updateDefaultLanguage($event)" />
    </label>
    <label>
      <span>{{ 'builder.supportedLanguages' | translate }}</span>
      <input type="text" [ngModel]="languagesValue()" (ngModelChange)="updateSupportedLanguages($event)" />
    </label>
  </div>
</section>
}