<div class="row">
    <div class="col-12 mt-3">
        <h2>Database Settings</h2>
        <ngb-accordion>
            <ngb-panel *ngFor="let db of dbs; let i = index" title="{{ db.Name }}">
                <ng-template ngbPanelContent>
                    <app-text id="db-{{ i }}-name" label="Name" [(text)]="db.Name"></app-text>
                    <app-text id="db-{{ i }}-URL" label="URL" [(text)]="db.URL"></app-text>
                    <app-number id="db-{{ i }}-Port" label="Port" [(number)]="db.Port"></app-number>
                    <app-password id="db-{{ i }}-Password" label="Password" [(password)]="db.Password"></app-password>
                </ng-template>
            </ngb-panel>
        </ngb-accordion>
    </div>
</div>