=load(
  
local!displayCoverOptions: false(),

a!formLayout(
  label: "Choose Cover",
  instructions: "please choose cover level",
  firstColumnContents: {
    a!milestoneField(steps: {"Enter Applicant Details","Choose Cover","Enter Medical Details"},active: 2),
    
    a!linkField(
      links: {
        a!dynamicLink(label: if(local!displayCoverOptions,"hide cover details","view cover details"), value: if(local!displayCoverOptions,false(),true()), saveInto: local!displayCoverOptions)
      }
    ),
    if(local!displayCoverOptions,
      a!sectionLayout(
        label: "",
        firstColumnContents: {
          
          a!richTextDisplayField(
            labelPosition: "COLLAPSED",
            value: a!richTextItem(text: "Life Insurance", style: "HEADER_SMALL")
          ),
          a!richTextDisplayField(
            labelPosition: "COLLAPSED",
            value: a!richTextBulletedList(items: {"Provides a lump sum payment for death or diagnosis of terminal illness","Cover mortgage and Living Expenses"})
          ),
          a!richTextDisplayField(
            labelPosition: "COLLAPSED",
            value: a!richTextItem(text: "Critical Illness", style: "HEADER_SMALL")
          ),
          a!richTextDisplayField(
            labelPosition: "COLLAPSED",
            value: a!richTextBulletedList(items: {"Provides a lump sum payment in the event of a defined serious illness","Cover debts and medical expenses"})
          ),
          a!richTextDisplayField(
            labelPosition: "COLLAPSED",
            value: a!richTextItem(text: "Permanently Unable To Work", style: "HEADER_SMALL")
          ),
          a!richTextDisplayField(
            labelPosition: "COLLAPSED",
            value: a!richTextBulletedList(items: {"Provides a lump sum payment if you are unable to work through injury or illness","Cover debts and medical expenses"})
          ),
        }
      ),
      {}
    ),
    a!sectionLayout(
      label: "Cover Levels",
      firstColumnContents: {
        a!dropdownField(
          label: "Life",
          labelPosition: "ADJACENT",
          choiceLabels: {"$100,000","$250,000","$500,000","$750,000","$1,000,000"},
          choiceValues: {100000,250000,500000,750000,1000000},
          placeholderLabel: " -- please select --",
          value: ri!requestDetails.lifeSumInsured,
          saveInto: ri!requestDetails.lifeSumInsured
        ),
        a!dropdownField(
          label: "Critical Illness",
          labelPosition: "ADJACENT",
          choiceLabels: {"$100,000","$200,000","$300,000","$400,000","$500,000"},
          choiceValues: {100000,200000,300000,400000,500000},
          placeholderLabel: " -- please select --",
          value: ri!requestDetails.criticalIllnessSumInsured,
          saveInto: ri!requestDetails.criticalIllnessSumInsured
        ),
        a!dropdownField(
          label: "Permanently Unable to Work",
          labelPosition: "ADJACENT",
          choiceLabels: {"$100,000","$250,000","$500,000","$750,000","$1,000,000"},
          choiceValues: {100000,250000,500000,750000,1000000},
          placeholderLabel: " -- please select --",
          value: ri!requestDetails.disablementSumInsured,
          saveInto: ri!requestDetails.disablementSumInsured
        ),
      },
      secondColumnContents: {

      }
    )
  },
	  buttons: a!buttonLayout(

		primaryButtons: {
		  /* Add primary buttons Here, they appear on the right */
		  a!buttonWidgetSubmit(
			
				label: "<< Back",
				skipValidation: true,
				style: "NORMAL",
				value: "Submit",
				saveInto: ri!nextAction
			),
			a!buttonWidgetSubmit(
				label: "Next >>",
				skipValidation: true,
				value: "Submit",
				saveInto: ri!nextAction
			)
		},
		secondaryButtons: {
			a!buttonWidgetSubmit(
			/* Add secondary buttons here, they appear on the left */
				label: "Cancel",
				skipValidation: true,
				style: "DESTRUCTIVE",
				value: "Cancel",
				saveInto: ri!nextAction
			)
		}
	)
)
)