{
    "components": [
        {
            "html": "<h2 style=\"text-align:center;\"><strong>Greenfield Yield</strong></h2><h4 style=\"text-align:center;\">Wijzigingsformulier<br>&nbsp;</h4><p style=\"text-align:justify;\">Door ondertekening van dit formulier verklaart u een wijziging door te willen voeren aan uw deelname in het beleggingsfonds Greenfield Yield.</p>",
            "label": "Content",
            "refreshOnChange": false,
            "key": "content",
            "type": "content",
            "input": false,
            "tableView": false
        },
        {
            "html": "<h4>Gegevens van de ondertekenaar</h4>",
            "label": "Content",
            "refreshOnChange": false,
            "key": "content1",
            "type": "content",
            "input": false,
            "tableView": false
        },
        {
            "label": "Voornaam",
            "tableView": true,
            "defaultValue": "Gui",
            "validate": {
                "required": true
            },
            "key": "MID_NP_First",
            "type": "textfield",
            "input": true
        },
        {
            "label": "Achternaam:",
            "tableView": true,
            "defaultValue": "Vohringer",
            "validate": {
                "required": true
            },
            "key": "MID_NP_Last",
            "type": "textfield",
            "input": true
        },
        {
            "label": "Emailadres:",
            "tableView": true,
            "defaultValue": "gui@meshid.com",
            "validate": {
                "required": true,
                "customMessage": "Een geldige emailadres is vereist"
            },
            "key": "MID_NP_Email",
            "type": "email",
            "input": true
        },
        {
            "label": "Plaats (stad)",
            "tableView": true,
            "validate": {
                "required": true
            },
            "key": "signingPlace",
            "type": "textfield",
            "input": true
        },
        {
            "label": "Datum van ondertekening",
            "disabled": true,
            "tableView": true,
            "redrawOn": "data",
            "customDefaultValue": "var today = new Date();\r\nvar dd = String(today.getDate()).padStart(2, '0');\r\nvar mm = String(today.getMonth() + 1).padStart(2, '0'); //January is 0!\r\nvar yyyy = today.getFullYear();\r\n\r\ntoday = dd + '/' + mm + '/' + yyyy;\r\nvalue = today;",
            "key": "signingDate",
            "type": "textfield",
            "input": true,
            "defaultValue": "19/09/2022"
        },
        {
            "label": "<h5>Wilt u uw deelname vergroten of verkopen?</h5>",
            "optionsLabelPosition": "right",
            "inline": true,
            "tableView": false,
            "defaultValue": "verkopen",
            "values": [
                {
                    "label": "<strong>Aankopen (vergroten)</strong>",
                    "value": "aankopen",
                    "shortcut": ""
                },
                {
                    "label": "<strong>Verkopen</strong>",
                    "value": "verkopen",
                    "shortcut": ""
                }
            ],
            "validate": {
                "required": true
            },
            "key": "buyorsellchoice",
            "type": "radio",
            "input": true
        },
        {
            "title": "<h5><strong>Aankopen</strong></h5>",
            "collapsible": false,
            "hidden": true,
            "key": "aankopenPanel",
            "conditional": {
                "show": true,
                "when": "buyorsellchoice",
                "eq": "aankopen"
            },
            "type": "panel",
            "label": "Aankopen",
            "input": false,
            "tableView": false,
            "components": [
                {
                    "label": "Ik wil graag mijn deelname vergroten met een bedrag van:",
                    "tooltip": "Omdat het een om een bijstorting gaat worden er geen verdere kosten in rekening gebracht.",
                    "prefix": "€",
                    "mask": false,
                    "tableView": false,
                    "delimiter": true,
                    "requireDecimal": false,
                    "inputFormat": "plain",
                    "validate": {
                        "required": true,
                        "customMessage": "Het bedrag moet minimaal EUR 10.000 zijn",
                        "min": 10000
                    },
                    "key": "buyAmount",
                    "type": "number",
                    "input": true
                },
                {
                    "label": "gestort van IBAN-tegenrekening nummer:",
                    "tableView": true,
                    "validate": {
                        "required": true
                    },
                    "key": "buyersAccountNumber",
                    "type": "textfield",
                    "input": true
                },
                {
                    "label": "ten name van:",
                    "tableView": true,
                    "validate": {
                        "required": true
                    },
                    "key": "buyersAccountName",
                    "type": "textfield",
                    "input": true
                }
            ]
        },
        {
            "title": "<h5><strong>Verkopen</strong></h5>",
            "collapsible": false,
            "hidden": true,
            "key": "verkopenPanel",
            "conditional": {
                "show": true,
                "when": "buyorsellchoice",
                "eq": "verkopen"
            },
            "type": "panel",
            "label": "Aankopen",
            "input": false,
            "tableView": false,
            "components": [
                {
                    "label": "Ik wil mijn deelname:",
                    "optionsLabelPosition": "right",
                    "inline": true,
                    "tableView": false,
                    "defaultValue": "deels",
                    "values": [
                        {
                            "label": "Deels verkopen",
                            "value": "deels",
                            "shortcut": ""
                        },
                        {
                            "label": "Volledig verkopen",
                            "value": "volledig",
                            "shortcut": ""
                        }
                    ],
                    "validate": {
                        "required": true
                    },
                    "key": "sellChoice",
                    "type": "radio",
                    "input": true
                },
                {
                    "hidden": true,
                    "key": "fieldSet",
                    "conditional": {
                        "show": true,
                        "when": "sellChoice",
                        "eq": "deels"
                    },
                    "type": "fieldset",
                    "label": "Field Set",
                    "input": false,
                    "tableView": false,
                    "components": [
                        {
                            "label": "Verkoop hoeveelheid defineren als:",
                            "optionsLabelPosition": "right",
                            "inline": true,
                            "tableView": false,
                            "defaultValue": "participaties",
                            "values": [
                                {
                                    "label": "Bedrag (EUR)",
                                    "value": "bedrag",
                                    "shortcut": ""
                                },
                                {
                                    "label": "Participaties",
                                    "value": "participaties",
                                    "shortcut": ""
                                }
                            ],
                            "validate": {
                                "required": true
                            },
                            "key": "sellersAmountDefinition",
                            "type": "radio",
                            "input": true
                        },
                        {
                            "label": "Bedrag in euros:",
                            "prefix": "€",
                            "hidden": true,
                            "mask": false,
                            "tableView": false,
                            "defaultValue": 101010,
                            "delimiter": false,
                            "requireDecimal": false,
                            "inputFormat": "plain",
                            "validate": {
                                "required": true
                            },
                            "key": "sellAmount",
                            "conditional": {
                                "show": true,
                                "when": "sellersAmountDefinition",
                                "eq": "bedrag"
                            },
                            "type": "number",
                            "input": true
                        },
                        {
                            "label": "Participaties:",
                            "hidden": true,
                            "mask": false,
                            "tableView": false,
                            "defaultValue": 500,
                            "delimiter": false,
                            "requireDecimal": false,
                            "inputFormat": "plain",
                            "validate": {
                                "required": true
                            },
                            "key": "sellParticipaties",
                            "conditional": {
                                "show": true,
                                "when": "sellersAmountDefinition",
                                "eq": "participaties"
                            },
                            "type": "number",
                            "input": true
                        }
                    ]
                },
                {
                    "label": "te ontvangen op IBAN-tegenrekening nummer:",
                    "tableView": true,
                    "defaultValue": "123123123123",
                    "validate": {
                        "required": true
                    },
                    "key": "sellersAccountNumber",
                    "type": "textfield",
                    "input": true
                },
                {
                    "label": "ten name van:",
                    "tableView": true,
                    "defaultValue": "HelloHello",
                    "validate": {
                        "required": true
                    },
                    "key": "sellersAccountName",
                    "type": "textfield",
                    "input": true
                }
            ]
        },
        {
            "label": "<h4>Verder naar ondertekenen ➠</h4>",
            "showValidations": false,
            "theme": "success",
            "block": true,
            "disableOnInvalid": true,
            "tableView": false,
            "key": "submit",
            "type": "button",
            "input": true,
            "saveOnEnter": false,
            "defaultValue": true
        },
        {
            "html": "<p style=\"text-align:right;\"><span class=\"text-tiny\">GFY-Wijzigingsformulier-v2-09-2022</span></p>",
            "label": "Content",
            "refreshOnChange": false,
            "key": "content2",
            "type": "content",
            "input": false,
            "tableView": false
        }
    ]
}