{
  "entityType": "leave",
  "title": "Leave Request",
  "columns": 12,
  "sections": [
    {
      "id": "leave-header",
      "title": null,
      "columns": 12,
      "rows": [
        {
          "fields": [
            {
              "label": "",
              "dataKey": "",
              "type": "object",
              "display": "stack",
              "span": 4,
              "children": [
                {
                  "label": "Requester",
                  "dataKey": "parsedData.ErpEmployeeName",
                  "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.TLeaveLeaveNumber",
              "type": "text",
              "span": 2,
              "display": "tag"
            },
            {
              "label": "Request Date",
              "dataKey": "parsedData.TLeaveLeaveDate",
              "type": "date",
              "span": 2
            },
             {
              "label": "",
              "dataKey": "",
              "type": "object",
              "display": "stack",
              "span": 4,
              "children": [
                {
                  "label": "Requester",
                  "dataKey": "parsedData.ErpEmployeeName",
                  "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.TLeaveRemarks",
              "type": "textarea",
              "span": 4
            }
          ]
        }
      ]
    },
    {
      "id": "leave-details",
      "title": "Leave Details",
      "columns": 12,
      "rows": [
        {
          "display": "highlight-strip",
          "fields": [
            {
              "label": "Leave Type",
              "dataKey": "parsedData.LeaveTypeName",
              "type": "text",
              "span": 4,
              "display": "pill"
            },
            {
              "label": "No of Days",
              "dataKey": "parsedData.TLeaveNumberOfDays",
              "type": "number",
              "span": 2,
              "display": "big-value"
            },
            {
              "label": "Reason",
              "dataKey": "parsedData.ReasonName",
              "type": "text",
              "span": 6
            }
            
          ]
        },
        {
          "fields": [
            {
              "label": "From Date",
              "dataKey": "parsedData.TLeaveDetailLeaveDate",
              "type": "date",
              "span": 2
            },
            {
              "label": "To Date",
              "dataKey": "parsedData.TLeaveDetailValidTill",
              "type": "date",
              "span": 2
            },
            {
              "label": "Day Type",
              "dataKey": "parsedData.TLeaveDetailArray.LeaveDayType",
              "type": "text",
              "span": 4,
              "display": "text"
            }
            
          ]
        }
      ]
    },
    {
      "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.LeaveRequestCreatedOn",
              "type": "date",
              "span": 2
            },
            {
              "label": "Created On",
              "dataKey": "parsedData.LeaveRequestCreatedOn",
              "type": "date",
              "span": 2
            },
            {
              "label": "Modified On",
              "dataKey": "parsedData.LeaveRequestModifiedOn",
              "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
            }
          ]
        }
      ]
    }
  ]
}