<div class="flex flex-col gap-5">
  <div class="flex flex-col gap-2" [formGroup]="settingsForm">
    <div class="grid grid-cols-4 gap-1" *ngFor="let setting of settings">
      <div><h2>{{ setting.key }}</h2></div>
      <div>
        <input type="text" pInputText [formControlName]="setting.key" />
      </div>
    </div>
  </div>

  <div class="flex items-start">
    <p-button
      label="{{ 'common.save' | translate }}"
      class="btn"
      icon="pi pi-save"
      (onClick)="save()"
      [disabled]="settingsForm.invalid || !hasChanges">
    </p-button>
  </div>
</div>
