- scroller:
      name: "summaryTable"
      title: "Summary Table"
      content:

        - imageHeader:
            name: imageHeader
            image: /assets/line_chart/Q2_AddSummaryTable.png
            text: >
              <p><b><u>Inputs:</u></b> Summary Table</p>

        # Ref to "summaryContainer" anchor in "CustomizationInputs.yml" File
        # Workflow AN1. YAML appears only if binary is true
        # Question 2: Summary Table
        - select:
            name: rowHeadings
            dataIndex: rowDataCategory
            title: Row Data Category
            text: >
              <p>We have a pre-designed table whereby the Companies / Indices are the row data category and Time Period is displayed in the columns. We have found this display format is most visually appealing. Provide below the companies and time periods you would like to include in the summary table.</p>
            style:
              margin: "-13px 0"
            options:
              - Companies / Indices


#        - anchor:
#            name: rowDataCategoryToggle
        - divider:
            name: rowTitles
            title: Row Titles
            type: secondary
        #Begin Code Block. Question 2(b). Companies / Indices.
        - text:
            name: someText
            text: >
              <p><b>Companies to include:</b></p>
        # Workflow OW2. Link to backend of previously provided companies / indicies / custom indices
        - checkbox:
            name: checkboxCompaniesIncluded
            dataIndex: summaryCompaniesIndices
            title:
            options:

        - text:
            name: textCustomBuildIndex
            text: >
              <p><b>Custom Built Indices to include:</b></p>
        # Workflow OW2. Link to backend of previously provided companies / indicies / custom indices
        - checkbox:
            name: customIndicesIncluded
            dataIndex: customIndicesNames
            title:
            options:
        # END CODE BLOCK: Question 2(b)

        # Sub-category: Row Headings
        - divider:
            name: columnTitles
            title: Column Titles
            type: secondary
        # Workflow AN6. Decide between A and B block of YAML code below to display based on user input
        - table:
            name: periodSummaryTable
            columns:
              # Workflow OW1(a)
              - "#":
                  name: "#"
                  type: number
                  dataIndex: id
              # Workflow OW1(b)
              - Period Name:
                  name: Period Name
                  type: string
                  dataIndex: periodName
              # Workflow OW1(c)
              - Date (Bgn -> End):
                  name: date
                  type: string
                  dataIndex: dateRange
              - Remove: # New delete button column
                  name: removeCompany
                  type: button
                  dataIndex: id  # Use the row's ID to identify deletion target
                  iconType: CloseOutlined  # Icon for the button

        # Workflow OW1(d)
        # Workflow OW1(e)
        - aligner:
            align: right
            width: auto
            content:
              - button:
                  name: addSummaryTable
                  type: primary
                  title: Add Time Period
                  style:
                    marginTop: "10px"
                    backgroundColor: "#FFC000"

        - aligner:
            align: right
            width: auto
            content:
              - button:
                  name: backBtn
                  type: default
                  title: Back
              # Workflow NN2
              - button:
                  name: nextBtn
                  type: primary
                  title: Next
              # Workflow NN1
              - button:
                  name: btnCancel
                  type: default
                  title: Cancel

            # Question 2(a) and 2name(b): Time Period and  Companies / Indices.  ref to the anchor "rowDataCategoryToggle" for files "STable.yml" and "CompanyIndices.yml"