id: deploy
type: PageHeaderMenu
properties:
  title: Deploy

layout:
  contentJustify: center

areas:
  content:
    blocks:
      - id: content
        type: Card
        layout:
          size: 800
          contentGutter: 10
        blocks:
          - id: title
            type: Title
            layout:
              grow: 1
            properties:
              content: Deploy
              label:
                span: 5
          - id: macaddress
            required: true
            type: TextInput
            properties:
              title: MAC Address
              placeholder: 00:00:00:00:00:00
              label:
                span: 5
            validate:
              - status: error
                message: Enter a valid MAC address
                pass:
                  _regex: ^(?!(?:00[:-]){5}00)((?:[0-9a-fA-F]{2}[:-]){5}[0-9a-fA-F]{2})$
          - id: projectname
            type: TextInput
            properties:
              title: Project name
              label:
                span: 5
          - id: hostname
            required: true
            type: TextInput
            properties:
              title: Hostname
              label:
                span: 5
            validate:
              - status: error
                message: Can only contain alphanumeric characters and hyphens; must be between 1 and 15 characters long
                pass:
                  _regex: ^([a-zA-Z0-9]{1,15}|[a-zA-Z0-9][a-zA-Z0-9\-]{0,13}[a-zA-Z0-9])$
          - id: ipaddress
            required: true
            type: TextInput
            properties:
              title: IP address
              placeholder: 0.0.0.0
              label:
                span: 5
          - id: subnetmask
            required: true
            type: TextInput
            properties:
              title: Subnet mask
              placeholder: 255.255.255.0
              label:
                span: 5
            validate:
              - status: error
                # message: Enter a valid subnet mask
                pass:
                  _regex: ^(?:(255|254|252|248|240|224|192|128|0+)(?:\.(?!$)|$)){4}$
          - id: gateway
            required: true
            type: TextInput
            properties:
              title: Gateway
              placeholder: 0.0.0.0
              label:
                span: 5
          - id: dnsserver
            type: TextInput
            properties:
              title: DNS server
              placeholder: 0.0.0.0, 0.0.0.0
              label:
                extra: (comma-separated list)
                span: 5
          - id: dnssuffix
            type: TextInput
            properties:
              title: DNS suffix
              placeholder: example.org
              label:
                span: 5
          - id: warning
            type: Alert
            properties:
              message: After pressing 'Start Deployment' the physical device can be booted over LAN
              type: warning
          - id: reset_button
            type: Button
            layout:
              grow: 1
            properties:
              title: Reset
              icon: ClearOutlined
              block: true
              type: default
            events:
              onClick:
                - id: reset
                  type: Reset
          - id: start_deployment
            type: Button
            layout:
              grow: 3
            properties:
              title: Start Deployment
              icon: RocketOutlined
              block: true
            # requests:
            #   - id: update_brand
            #     type: MongoDBUpdateOne # MongoDb updateOne request to update the brand.
            #     connectionId: brands
            #     properties:
            #       filter:
            #         _id:
            #           _state: _id # Select the document that matches the document's _id that is in state.
            #       update:
            #         $set:
            #           name:
            #             _state: name # Insert the brand name we set in state.
            #           description:
            #             _state: description # Insert the description name we set in state.
            #           updated_at:
            #             _date: now # Set the updated_at date as current time.
            events:
              onClick:
                - id: validate
                  type: Validate
                - id: update_brand  # Call the update_brand request.
                  type: Request
                  params: update_brand