{
  "entityType": "punch",
  "title": "Punch Correction Request",
  "columns": 12,
  "sections": [
    {
            "id": "header",
            "title": null,
            "columns": 12,
            "rows": [
                {
                    "fields": [
                        {
                            "label": "",
                            "dataKey": "",
                            "type": "object",
                            "display": "stack",
                            "span": 4,
                            "children": [
                                {
                                    "label": "Employee",
                                    "dataKey": "parsedData.EmployeeName",
                                    "type": "big-value"
                                },
                                {
                                    "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.DepartmentName",
                            "type": "text",
                            "span": 2
                        },
                        {
                            "label": "",
                            "dataKey": "",
                            "type": "object",
                            "display": "stack",
                            "span": 4,
                            "children": [
                                {
                                    "label": "Requester",
                                    "dataKey": "parsedData.EmployeeName",
                                    "type": "big-value"
                                },
                                {
                                    "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": "Status",
                            "dataKey": "WorkflowStatusName",
                            "type": "text",
                            "span": 2
                        }
                    ]
                },
                {
                    "fields": [
                        {
                            "label": "OU",
                            "dataKey": "parsedData.OUName",
                            "type": "text",
                            "span": 4
                        },
                        {
                            "label": "Request Number",
                            "dataKey": "parsedData.PunchNumber",
                            "type": "text",
                            "span": 2,
                            "display": "tag"
                        },
                        {
                            "label": "Request Date",
                            "dataKey": "parsedData.PuncheDate",
                            "type": "date",
                            "span": 2
                        }
                    ]
                }
            ]
        },
        {
            "id": "punch-details",
            "title": "Punch Details",
            "columns": 12,
            "rows": [
                {
                    "fields": [
                        {
                            "label": "Attendancedate",
                            "dataKey": "parsedData.PunchAttendanceDate",
                            "type": "date",
                            "span": 2
                        },
                        {
                            "label": "Punch Date",
                            "dataKey": "parsedData.PunchPunchDate",
                            "type": "date",
                            "span": 2
                        },
                        {
                            "label": "Punch Time",
                            "dataKey": "parsedData.PunchCalInTime",
                            "type": "time",
                            "span": 2
                        },
                        {
                            "label": "Punch Type",
                            "dataKey": "parsedData.PunchPunchType",
                            "type": "text",
                            "span": 2
                        },
                        {
                            "label": "Reason",
                            "dataKey": "parsedData.PermissionReasonName",
                            "type": "text",
                            "span": 4
                        }
                    ]
                }
            ]
        },
       {
            "id": "workflow",
            "title": "Approval Workflow",
            "columns": 12,
            "display": "timeline",
            "rows": [
                {
                    "display": "timeline-step",
                    "state": "done",
                    "fields": [
                        {
                            "label": "",
                            "dataKey": "",
                            "type": "object",
                            "display": "stack",
                            "span": 4,
                            "children": [
                                {
                                    "label": "Submitted By",
                                    "dataKey": "SubmittedByName",
                                    "type": "big-value"
                                },
                                {
                                    "label": "Submitted By Code",
                                    "dataKey": "SubmittedByCode",
                                    "type": "text",
                                    "showLabel": false,
                                    "styles": {
                                        "fontSize": "calc(var(--font-size-xs) *1px)",
                                        "fontWeight": "var(--font-weight-medium)",
                                        "color": "var(--text-secondary)"
                                    }
                                }
                            ]
                        },
                        {
                            "label": "Submitted On",
                            "dataKey": "SubmittedOn",
                            "type": "date",
                            "span": 2
                        },
                        {
                            "label": "Created On",
                            "dataKey": "CreatedOn",
                            "type": "date",
                            "span": 2
                        },
                        {
                            "label": "Modified On",
                            "dataKey": "ModifiedOn",
                            "type": "date",
                            "span": 2
                        }
                    ]
                },
                {
                    "display": "timeline-step",
                    "state": "active",
                    "fields": [
                        {
                            "label": "",
                            "dataKey": "",
                            "type": "object",
                            "display": "stack",
                            "span": 4,
                            "children": [
                                {
                                    "label": "Assigned To",
                                    "dataKey": "AssignedToUserName",
                                    "type": "big-value"
                                },
                                {
                                    "label": "Assigned To Code",
                                    "dataKey": "AssignedToUserCode",
                                    "type": "text",
                                    "showLabel": false,
                                    "styles": {
                                        "fontSize": "calc(var(--font-size-xs) *1px)",
                                        "fontWeight": "var(--font-weight-medium)",
                                        "color": "var(--text-secondary)"
                                    }
                                }
                            ]
                        },
                        {
                            "label": "Current Step",
                            "dataKey": "StepName",
                            "type": "text",
                            "span": 4
                        }
                    ]
                }
            ]
        }
  ]
}