# A connection's settings (a dialog over the main window): src/Form/ConnectionForm.php.
form:
  title: Connection
  dialog: true
  width: 880
  padding: 18
  gap: 8
  children:
    - {type: label, id: heading, text: 'New connection', style: title}
    - type: grid
      gap: 18
      children:
        - type: column
          id: mysqlBox
          gap: 8
          span: {xs: 12, md: 6}
          children:
            - {type: label, text: Name}
            - {type: textbox, id: name, placeholder: 'My server'}
            - type: row
              gap: 8
              children:
                - type: column
                  gap: 4
                  grow: 1
                  children:
                    - {type: label, id: hostLabel, text: Host}
                    - {type: textbox, id: host, placeholder: 127.0.0.1}
                - type: column
                  gap: 4
                  width: 100
                  children:
                    - {type: label, text: Port}
                    - {type: textbox, id: port, placeholder: '3306', maxLength: 5}
            - type: row
              gap: 8
              children:
                - type: column
                  gap: 4
                  grow: 1
                  children:
                    - {type: label, text: User}
                    - {type: textbox, id: user, placeholder: root}
                - type: column
                  gap: 4
                  grow: 1
                  children:
                    - {type: label, text: Password}
                    - {type: textbox, id: password, password: true}
            - {type: checkbox, id: savePassword, text: 'Save the password (in the app''s data folder, not encrypted)', checked: true}
            - {type: label, text: 'Default database (optional)'}
            - {type: textbox, id: database, placeholder: 'shop'}
        - type: column
          id: sshBox
          gap: 8
          span: {xs: 12, md: 6}
          children:
            - {type: checkbox, id: useSsh, text: 'Through an SSH tunnel', events: {change: onUseSshChange}}
            - type: panel
              id: sshPanel
              title: SSH
              visible: false
              gap: 6
              children:
                - type: row
                  gap: 8
                  children:
                    - type: column
                      gap: 4
                      grow: 1
                      children:
                        - {type: label, text: 'SSH host'}
                        - {type: textbox, id: sshHost, placeholder: bastion.example.com}
                    - type: column
                      gap: 4
                      width: 100
                      children:
                        - {type: label, text: Port}
                        - {type: textbox, id: sshPort, placeholder: '22', maxLength: 5}
                - type: row
                  gap: 8
                  children:
                    - type: column
                      gap: 4
                      grow: 1
                      children:
                        - {type: label, text: 'SSH user'}
                        - {type: textbox, id: sshUser, placeholder: 'your login'}
                    - type: column
                      gap: 4
                      grow: 1
                      children:
                        - {type: label, text: Authentication}
                        - {type: combobox, id: sshAuth, items: ['Session key (ssh-agent)', 'Key file', 'Password', 'SSH config / default keys'], selected: 0, events: {change: onSshAuthChange}}
                - type: column
                  id: sshKeyBox
                  gap: 4
                  visible: false
                  children:
                    - {type: label, text: 'Private key file'}
                    - {type: textbox, id: sshKey, placeholder: '~/.ssh/id_ed25519'}
                    - {type: button, id: sshKeyChoose, text: 'Choose the key file…', visible: false, events: {click: onSshKeyChoose}}
                    - {type: label, text: 'Passphrase (if the key has one)'}
                    - {type: textbox, id: sshPassphrase, password: true}
                - type: column
                  id: sshPasswordBox
                  gap: 4
                  visible: false
                  children:
                    - {type: label, text: 'SSH password'}
                    - {type: textbox, id: sshPassword, password: true}
                - {type: label, id: sshHint, text: '', style: muted}
    - {type: label, id: result, text: '', style: muted}
    - type: row
      gap: 6
      children:
        - {type: button, id: test, text: Test, events: {click: onTestClick}}
        - {type: button, id: delete, text: Delete, style: danger, visible: false, events: {click: onDeleteClick}}
        - {type: spacer}
        - {type: button, id: cancel, text: Cancel, style: flat, events: {click: onCancelClick}}
        - {type: button, id: save, text: Save, style: primary, default: true, events: {click: onSaveClick}}