load(
  local!selectedTransactionProcessIds,
  local!TransactionProcessData:ri!cdtTP_DM_TransactionProcess,
  /*local!newTransactionProcessData:ri!cdtDM_TransactionProcess,*/
  local!gridSelection: a!gridSelection(
    pagingInfo: a!pagingInfo(
      startIndex: 1,
      batchSize: 25,
      sort: a!sortInfo(
        field: "id",
        ascending: true
      )
    )
  ),
  local!gridSelection1: a!gridSelection(
    pagingInfo: a!pagingInfo(
      startIndex: 1,
      batchSize: 25,
      sort: a!sortInfo(
        field: "id",
        ascending: true
      )
    )
  ),
  with(
    local!newTransactionProcessData:ri!cdtDM_TransactionProcess,
    local!datasubset: todatasubset(
      local!TransactionProcessData,
      local!gridSelection.pagingInfo
    ),
    local!datasubset1: todatasubset(
      local!newTransactionProcessData,
      local!gridSelection1.pagingInfo
    ),
    
    {
      
       a!buttonLayout(
        primaryButtons:{
          a!buttonWidget(
            label:"Get Details from Web Service",
            submit:true,
            value:true,
            saveInto:ri!btnValue
          )
        }
      ),
      a!sectionLayout(
        label:"Retrive Cadencie Transaction",
        firstColumnContents:{
          
          a!dateField(label:"From"),
          
        },
        secondColumnContents:{
          a!dateField(label:"To")
        }
        
      ),
  
       a!gridField(
            totalCount: local!datasubset.totalCount,
            columns: {
              a!gridTextColumn(
                label: "Ref",
                field: "trRef",
                data: index(
                  local!datasubset.data,
                  "trRef",
                  null
                )
              ),
               a!gridTextColumn(
                label: "Date",
                field:"trDate",
                data: index(
                  local!datasubset.data,
                  "trDate",
                  null
                )
              ),
              a!gridTextColumn(
                label: "Merchant Name",
                field: "trMerchant",
                data: index(
                  local!datasubset.data,
                  "trMerchant",
                  null
                )
              ),
              
              a!gridTextColumn(
                label: "Amount",
                field: "trAmt",
                data: index(
                  local!datasubset.data,
                  "trAmt",
                  null
                )
              )
            },
         identifiers:if(isnull(local!datasubset.data),{}, index(
          local!datasubset.data,
          "id",
          {}
        )),
        value: local!gridSelection,
        saveInto: local!gridSelection,
        selection: true
           
          ),
      a!buttonLayout(
        primaryButtons:{
          a!buttonWidget(
            label:"Add Transaction",
            value:true,
            saveInto:{
              a!save(local!newTransactionProcessData,distinct(local!newTransactionProcessData,append(local!newTransactionProcessData,
              index(local!TransactionProcessData,local!gridSelection.selected,null)
              ))),
              a!save(local!gridSelection.selected,null),
              a!save(local!gridSelection1.selected,local!gridSelection.selected),
              
            }
          ),
          a!buttonWidget(
            label:"Remove Transaction",
            value:true,
            saveInto:{
              a!save(local!newTransactionProcessData,difference(local!newTransactionProcessData,
              index(local!TransactionProcessData,local!gridSelection.selected,null)
              )),
              a!save(local!gridSelection.selected,null)
            }
          )
        }
      ),
   
      a!sectionLayout(
      label:"Disputed Transaction",
      firstColumnContents:
      {
      
      a!gridField(
            totalCount: local!datasubset1.totalCount,
            columns: {
              a!gridTextColumn(
                label: "Ref",
                field: "trRef",
                data: index(
                  local!datasubset1.data,
                  "trRef",
                  null
                )
              ),
               a!gridTextColumn(
                label: "Date",
                field:"trDate",
                data: index(
                  local!datasubset1.data,
                  "trDate",
                  null
                )
              ),
              a!gridTextColumn(
                label: "Merchant Name",
                field: "trMerchant",
                data: index(
                  local!datasubset1.data,
                  "trMerchant",
                  null
                )
              ),
              
              a!gridTextColumn(
                label: "Amount",
                field: "trAmt",
                data: index(
                  local!datasubset1.data,
                  "trAmt",
                  null
                )
              )
            },
         identifiers: index(
          local!datasubset1.data,
          "id",
          {}
        ),
        value: local!gridSelection1,
        saveInto: local!gridSelection1,
        selection: true
           
          ),
          a!buttonLayout(
    primaryButtons: {
      a!buttonWidgetSubmit(
        label: "Add Transaction",
        style: "PRIMARY",
        value:cons!CARD_DIS_BUTTON_SUBMIT_VALUE,
        saveInto: {ri!btnValue}
      )
    },
    secondaryButtons: {
      a!buttonWidgetSubmit(
        label: cons!CARD_DIS_BUTTON_CANCEL,
        style: "NORMAL",
        value: cons!CARD_DIS_BUTTON_CANCEL,
        saveInto: ri!btnValue,
        skipValidation: true
      )
    }
  )
      }
      )
    }
  )
)