{
  "entityType": "advance",
  "title": "Advance Request",
  "columns": 12,
  "sections": [
    {
      "id": "advance-header",
      "title": null,
      "columns": 12,
      "rows": [
        {
          "fields": [
            {
              "label": "",
              "dataKey": "",
              "type": "object",
              "display": "stack",
              "span": 4,
              "children": [
                {
                  "label": "Requester",
                  "dataKey": "parsedData.EmployeeName",
                  "type": "text"
                },
                {
                  "label": "Employee Code",
                  "dataKey": "parsedData.EmployeeCode",
                  "type": "text",
                  "showLabel": false,
                  "styles": {
                    "fontSize": "calc(var(--font-size-xs) * 1px)",
                    "fontWeight": "var(--font-weight-medium)",
                    "color": "var(--text-secondary)"
                  }
                }
              ]
            },
            {
              "label": "Department",
              "dataKey": "parsedData.Department",
              "type": "text",
              "span": 4
            },
            {
              "label": "OU Name",
              "dataKey": "parsedData.OuName",
              "type": "text",
              "span": 4
            }   
          ]
        },
        {
          "fields": [
            
            {
              "label": "Request Number",
              "dataKey": "parsedData.AdvanceAdvanceNumber",
              "type": "text",
              "span": 2,
              "display": "tag"
            },
            {
              "label": "Request Date",
              "dataKey": "parsedData.AdvanceAdvanceDate",
              "type": "date",
              "span": 2
            },
             {
              "label": "",
              "dataKey": "",
              "type": "object",
              "display": "stack",
              "span": 4,
              "children": [
                {
                  "label": "Requester",
                  "dataKey": "parsedData.EmployeeName",
                  "type": "text"
                },
                {
                  "label": "Requester Code",
                  "dataKey": "parsedData.EmployeeCode",
                  "type": "text",
                  "showLabel": false,
                  "styles": {
                    "fontSize": "calc(var(--font-size-xs) * 1px)",
                    "fontWeight": "var(--font-weight-medium)",
                    "color": "var(--text-secondary)"
                  }
                }
              ]
            },
            {
              "label": "Remarks",
              "dataKey": "parsedData.AdvanceRemarks",
              "type": "textarea",
              "span": 4
            }
          ]
        }
      ]
    },
    {
      "id": "Advance-details",
      "title": "Advance Details",
      "columns": 12,
      "rows": [
        {
          "display": "highlight-strip",
          "fields": [
            {
              "label": "Request Amount",
              "dataKey": "parsedData.AdvanceAmountRequired",
              "type": "text",
              "span": 4
            },
            {
              "label": "Previous Pending Amount ",
              "dataKey": "parsedData.AdvanceAmountRemaining",
              "type": "text",
              "span": 4
            }
          ]
        }
      ]
    },
    {
      "id": "workflow",
      "title": "Workflow Details",
      "columns": 12,
      "display": "timeline",
      "rows": [
        {
          "display": "timeline-step",
          "state": "done",
          "fields": [
            {
              "label": "Submitted By",
              "dataKey": "SubmittedByName",
              "type": "text",
              "span": 4
            },
            {
              "label": "Submitted On",
              "dataKey": "parsedData.SubmittedOn",
              "type": "date",
              "span": 2
            },
            {
              "label": "Created On",
              "dataKey": "parsedData.CreatedOn",
              "type": "date",
              "span": 2
            },
            {
              "label": "Modified On",
              "dataKey": "parsedData.ModifiedOn",
              "type": "date",
              "span": 2
            }
          ]
        },
        {
          "display": "timeline-step",
          "state": "active",
          "fields": [
            {
              "label": "Assigned To",
              "dataKey": "AssignedToUserName",
              "type": "text",
              "span": 4
            },
            {
              "label": "Current Step",
              "dataKey": "StepName",
              "type": "text",
              "span": 4
            }
          ]
        }
      ]
    }
  ]
}