{
  "personal_details": {
    "buttons": [
      {
        "class": "btn btn-primary btn_full btn--save",
        "type": "submit",
        "dataAction": "save-form",
        "text": "Save changes"
      },
      {
        "class": "btn btn-outline-primary btn_full btn--cancel",
        "type": "button",
        "dataAction": "cancel-form",
        "text": "Cancel"
      }
    ],
    "leave-popup": {
      "title": "Your personal details won’t be saved",
      "headerIcon": "fas fa-exclamation-circle",
      "description": "Are you sure you want to continue?",
      "actions": {
        "mod": "actions",
        "buttons": [
          {
            "title": "Cancel",
            "data-action": "cancel-reset",
            "isPrimary": true,
            "close-modal": true
          },
          {
            "mod": "btn-continue",
            "data-action": "reset-details",
            "title": "Yes, continue",
            "isSecondary": true,
            "link": "./page_my-account_change-password.html"
          }
        ]
      }
    },
    "reset-popup": {
      "title": "Your personal details won’t be saved",
      "headerIcon": "fas fa-exclamation-circle",
      "description": "Are you sure you want to continue?",
      "actions": {
        "mod": "actions",
        "buttons": [
          {
            "title": "Cancel",
            "data-action": "cancel-reset",
            "isPrimary": true,
            "close-modal": true
          },
          {
            "mod": "btn-continue",
            "data-action": "reset-details",
            "title": "Yes, continue",
            "isSecondary": true
          }
        ]
      }
    },
    "confirmation-popup": {
      "title": "Your personal email address will be changed",
      "headerIcon": "fas fa-exclamation-circle",
      "description": "Are you sure you want to change your email address to <span class=\"new-email\"></span>?",
      "actions": {
        "mod": "actions",
        "buttons": [
          {
            "title": "Cancel",
            "data-action": "cancel-reset",
            "isPrimary": true,
            "close-modal": true
          },
          {
            "mod": "btn-continue",
            "data-action": "reset-details",
            "title": "Yes, continue",
            "isSecondary": true
          }
        ]
      }
    },
    "diy": {
      "breadcrumbs": [
        {
          "url": "/",
          "text": "Home"
        },
        {
          "url": "/page_my-account.html",
          "text": "My Account"
        },
        {
          "url": "/page_personal-details.html",
          "text": "Personal Details"
        }
      ],
      "currentData": {
        "Title": "Mr",
        "First name": "James",
        "Surname": "Smith",
        "Email address": "james_smith@gmail.com",
        "How would you describe yourself or your main trade": "DIY"
      },
      "fields": [
        {
          "type": "dropdown",
          "dropdown": true,
          "id": "titleCode",
          "label": "Title",
          "rowMod": "row-title",
          "required": true,
          "options": [
            { "value": "mr", "label": "Mr" },
            { "value": "mrs", "label": "Mrs" },
            { "value": "dr", "label": "Dr" }
          ],
          "selectedIndex": "0"
        },
        {
          "type": "text",
          "id": "firstName",
          "label": "First name",
          "value": "James",
          "required": true
        },
        {
          "type": "text",
          "id": "lastName",
          "label": "Surname",
          "value": "Smith",
          "required": true
        },
        {
          "type": "email",
          "id": "email",
          "label": "Email address",
          "value": "james_smith@gmail.com",
          "required": true
        },
        {
          "type": "dropdown",
          "dropdown": true,
          "id": "tradeType",
          "label": "How would you describe yourself or your main trade",
          "placeholder": "DIY",
          "required": true,
          "options": [
            { "value": "diy", "label": "DIY" },
            { "value": "tradepro", "label": "Trade Pro" }
          ],
          "selectedIndex": "0"
        }
      ]
    },
    "installer": {
      "breadcrumbs": [
        {
          "url": "/",
          "text": "Home"
        },
        {
          "url": "/page_my-account.html",
          "text": "My Installer Account"
        },
        {
          "url": "/page_personal-details.html",
          "text": "Personal Details"
        }
      ],
      "currentData": {
        "Title": "Mr",
        "First name": "James",
        "Surname": "Smith",
        "Email address": "james_smith@gmail.com",
        "Trade type": "Installer"
      },
      "fields": [
        {
          "type": "dropdown",
          "dropdown": true,
          "id": "titleCode",
          "label": "Title",
          "rowMod": "row-title",
          "required": true,
          "options": [
            { "value": "mr", "label": "Mr" },
            { "value": "mrs", "label": "Mrs" },
            { "value": "dr", "label": "Dr" }
          ],
          "selectedIndex": "0"
        },
        {
          "type": "text",
          "id": "firstName",
          "label": "First name",
          "value": "James",
          "required": true
        },
        {
          "type": "text",
          "id": "lastName",
          "label": "Surname",
          "value": "Smith",
          "required": true
        },
        {
          "type": "email",
          "id": "email",
          "label": "Email address",
          "value": "james_smith@gmail.com",
          "required": true
        },
        {
          "type": "tradeType",
          "id": "tradeType",
          "label": "Trade type",
          "value": "Installer",
          "dataTag": "trade-type-value",
          "modificator": "disabled"
        }
      ]
    }
  }
}