# The Properties of an object: its name, its description; a halted VM also its vCPUs and memory (src/Form/PropertiesForm.php)
form:
  title: Properties
  dialog: true
  width: 520
  fontSize: 13
  accent: '#0078d7'
  layout: column
  padding: 20
  gap: 10
  children:
    - type: row
      gap: 12
      children:
        - {class: App\Gui\IconBox, id: icon, kind: vm, width: 32, height: 32}
        - {type: label, id: heading, text: 'Properties', style: subtitle}
    - {type: label, text: 'Name:'}
    - {type: textbox, id: name}
    - {type: label, text: 'Description:'}
    - {type: textbox, id: description, multiline: true, rows: 3}
    - type: panel
      id: vmPanel
      title: 'CPU and memory'
      padding: 10
      gap: 8
      children:
        - type: row
          gap: 8
          children:
            - {type: label, text: 'Number of vCPUs:', width: 150}
            - {type: textbox, id: vcpus, width: 80}
        - type: row
          gap: 8
          children:
            - {type: label, text: 'Memory (MB):', width: 150}
            - {type: textbox, id: memory, width: 120}
        - {type: label, id: vmNote, text: '', style: muted, size: 12, wrap: true}
    - type: panel
      id: organize
      title: 'Tags and folder'
      padding: 10
      gap: 8
      children:
        - type: row
          gap: 8
          children:
            - {type: label, text: 'Tags:', width: 150}
            - {type: textbox, id: tags, placeholder: 'production, linux', grow: 1}
        - type: row
          gap: 8
          children:
            - {type: label, text: 'Folder:', width: 150}
            - {type: combobox, id: folder, grow: 1}
        - type: row
          gap: 8
          children:
            - {type: label, text: 'Or a new folder:', width: 150}
            - {type: textbox, id: newFolder, placeholder: '/Production/Web', grow: 1}
    - {type: label, id: error, text: '', color: '#d1242f', wrap: true}
    - type: row
      gap: 8
      children:
        - {type: button, id: alerts, text: 'Alerts…', style: flat, events: {click: onAlertsClick}}
        - {type: spacer}
        - {type: button, id: ok, text: OK, style: primary, default: true, events: {click: onOkClick}}
        - {type: button, id: cancel, text: Cancel, cancel: true, events: {click: onCancelClick}}