{
  "entityType": "overtime",
  "title": "Overtime Request",
  "columns": 12,
  "sections": [
    {
      "id": "requester-header",
      "title": null,
      "columns": 12,
      "rows": [
        {
          "fields": [
            {
              "label": "Requester Name",
              "dataKey": "parsedData.RequesterName",
              "type": "big-value",
              "span": 4
            },
            {
              "label": "Requester Code",
              "dataKey": "parsedData.RequesterCode",
              "type": "text",
              "span": 2
            },
            {
              "label": "Department",
              "dataKey": "parsedData.Department",
              "type": "text",
              "span": 3
            },
            {
              "label": "OU",
              "dataKey": "parsedData.OU",
              "type": "text",
              "span": 3
            }
          ]
        },
        {
          "fields": [
            {
              "label": "Request Type",
              "dataKey": "parsedData.RequestType",
              "type": "text",
              "span": 3,
              "display": "pill"
            },
            {
              "label": "Requester No",
              "dataKey": "parsedData.RequesterNo",
              "type": "text",
              "span": 3
            },
            {
              "label": "Request Date",
              "dataKey": "parsedData.RequestDate",
              "type": "date",
              "span": 3
            }
          ]
        }
      ]
    },

    {
      "id": "workflow",
      "title": "Approval Workflow",
      "columns": 12,
      "display": "timeline",
      "rows": [
        {
          "display": "timeline-step",
          "state": "done",
          "fields": [
            {
              "label": "Submitted By",
              "dataKey": "SubmittedByName",
              "type": "text",
              "span": 4
            },
            {
              "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": "Assigned To",
              "dataKey": "AssignedToUserName",
              "type": "text",
              "span": 4
            },
            {
              "label": "Current Step",
              "dataKey": "StepName",
              "type": "text",
              "span": 4
            }
          ]
        }
      ]
    }
  ]
}