{
  "attributes": {
    "trigger": {
      "type": "object",
      "settings": {
        "innerContent": {
          "groupType": "group-item",
          "item": {
            "groupName": "mainContent",
            "priority": 15,
            "render": true,
            "attrName": "trigger.innerContent",
            "label": "Trigger Element Selector",
            "description": "CSS selector for the element that will trigger the booking form",
            "component": {
              "name": "divi/text",
              "type": "field"
            }
          }
        }
      }
    },
    "trigger_type": {
      "type": "object",
      "default": {
        "innerContent": {
          "desktop": {
            "value": "id"
          }
        }
      },
      "settings": {
        "innerContent": {
          "groupType": "group-item",
          "item": {
            "groupName": "mainContent",
            "priority": 80,
            "render": true,
            "attrName": "trigger_type.innerContent",
            "label": "Trigger Type",
            "description": "Element selector type",
            "component": {
              "name": "divi/select",
              "type": "field",
              "props": {
                "options": [
                  { "value": "id", "label": "ID" },
                  { "value": "class", "label": "Class" }
                ]
              }
            }
          }
        }
      }
    },
    "in_dialog": {
      "type": "object",
      "settings": {
        "innerContent": {
          "groupType": "group-item",
          "item": {
            "groupName": "mainContent",
            "priority": 90,
            "render": true,
            "attrName": "in_dialog.innerContent",
            "label": "Show in Dialog",
            "description": "Display booking in a modal dialog",
            "component": {
              "name": "divi/toggle",
              "type": "field"
            }
          }
        }
      }
    },
    "ivy": {
      "type": "object",
      "settings": {
        "innerContent": {
          "groupType": "group-item",
          "item": {
            "groupName": "mainContent",
            "priority": 100,
            "render": true,
            "attrName": "ivy.innerContent",
            "label": "Select Ivy Form",
            "description": "Preselect Ivy form",
            "component": {
              "name": "divi/select",
              "type": "field",
              "props": {
                "multiple": false
              }
            }
          }
        }
      }
    }
  }
}