{
  "elmType": "div",
  "style": {
    "width": "100%",
    "box-sizing": "border-box",
    "padding": "12px 16px",
    "margin-top": "12px",
    "border-top": "1px solid #edebe9",
    "background-color": "#faf9f8"
  },
  "children": [
    {
      "elmType": "div",
      "style": {
        "display": "flex",
        "align-items": "center",
        "gap": "8px",
        "color": "#605e5c",
        "font-size": "13px"
      },
      "children": [
        {
          "elmType": "div",
          "attributes": {
            "iconName": "Info"
          }
        },
        {
          "elmType": "span",
          "txtContent": "Provide enough detail for the support team to understand and work the request."
        }
      ]
    },
    {
      "elmType": "div",
      "style": {
        "display": "=if([$Priority] == 'High', 'flex', 'none')",
        "align-items": "center",
        "gap": "8px",
        "margin-top": "10px",
        "padding": "8px 10px",
        "border-radius": "4px",
        "background-color": "#fde7e9",
        "color": "#a4262c",
        "font-weight": "600"
      },
      "children": [
        {
          "elmType": "div",
          "attributes": {
            "iconName": "Warning"
          }
        },
        {
          "elmType": "span",
          "txtContent": "High priority requests require a justification before the item can be saved."
        }
      ]
    },
    {
      "elmType": "div",
      "style": {
        "display": "=if([$NeedByDate] != '' && [$Status] != 'Completed' && [$NeedByDate] < @now, 'flex', 'none')",
        "align-items": "center",
        "gap": "8px",
        "margin-top": "10px",
        "padding": "8px 10px",
        "border-radius": "4px",
        "background-color": "#fff4ce",
        "color": "#8a6d1d",
        "font-weight": "600"
      },
      "children": [
        {
          "elmType": "div",
          "attributes": {
            "iconName": "Clock"
          }
        },
        {
          "elmType": "span",
          "txtContent": "This request is past its Need By Date and is not marked Completed."
        }
      ]
    },
    {
      "elmType": "div",
      "style": {
        "display": "=if([$Status] == 'Completed', 'flex', 'none')",
        "align-items": "center",
        "gap": "8px",
        "margin-top": "10px",
        "padding": "8px 10px",
        "border-radius": "4px",
        "background-color": "#dff6dd",
        "color": "#107c10",
        "font-weight": "600"
      },
      "children": [
        {
          "elmType": "div",
          "attributes": {
            "iconName": "Completed"
          }
        },
        {
          "elmType": "span",
          "txtContent": "Completed requests should include resolution details."
        }
      ]
    }
  ]
}
