invoice

[
  {
    "columns": [
      {
        "image": "$accountLogo",
        "fit": [
          120,
          80
        ]
      },
      {
        "canvas": [
          {
            "type": "rect",
            "x": 0,
            "y": 0,
            "w": 190,
            "h": "$invoiceDetailsHeight",
            "r": 5,
            "lineWidth": 1,
            "color": "$primaryColor:#009d91"
          }
        ],
        "width": 10,
        "margin": [
          200,
          0,
          0,
          0
        ]
      },
      {
        "width": 400,
        "table": {
          "body": "$invoiceDetails"
        },
        "layout": "noBorders",
        "margin": [
          210,
          10,
          10,
          0
        ]
      }
    ]
  },
  {
    "margin": [
      0,
      18,
      0,
      0
    ],
    "columnGap": 50,
    "columns": [
      {
        "width": 212,
        "stack": [
          {
            "text": "$invoiceToLabel:",
            "style": "toLabel"
          },
          {
            "canvas": [
              {
                "type": "line",
                "x1": 0,
                "y1": 4,
                "x2": 150,
                "y2": 4,
                "lineWidth": 1,
                "dash": {
                  "length": 3
                },
                "lineColor": "$primaryColor:#009d91"
              }
            ],
            "margin": [
              0,
              0,
              0,
              4
            ]
          },
          "$clientDetails",
          {
            "canvas": [
              {
                "type": "line",
                "x1": 0,
                "y1": 9,
                "x2": 150,
                "y2": 9,
                "lineWidth": 1,
                "dash": {
                  "length": 3
                },
                "lineColor": "$primaryColor:#009d91"
              }
            ]
          }
        ]
      },
      {
        "width": "*",
        "stack": [
          {
            "text": "$fromLabel:",
            "style": "fromLabel"
          },
          {
            "canvas": [
              {
                "type": "line",
                "x1": 0,
                "y1": 4,
                "x2": 250,
                "y2": 4,
                "lineWidth": 1,
                "dash": {
                  "length": 3
                },
                "lineColor": "$primaryColor:#009d91"
              }
            ],
            "margin": [
              0,
              0,
              0,
              4
            ]
          },
          {
            "columns": [
              "$accountDetails",
              "$accountAddress"
            ],
            "columnGap": 4
          },
          {
            "canvas": [
              {
                "type": "line",
                "x1": 0,
                "y1": 9,
                "x2": 250,
                "y2": 9,
                "lineWidth": 1,
                "dash": {
                  "length": 3
                },
                "lineColor": "$primaryColor:#009d91"
              }
            ]
          }
        ]
      }
    ]
  },
  {
    "canvas": [
      {
        "type": "rect",
        "x": 0,
        "y": 0,
        "w": 515,
        "h": 35,
        "r": 6,
        "lineWidth": 1,
        "color": "$primaryColor:#009d91"
      }
    ],
    "width": 10,
    "margin": [
      0,
      30,
      0,
      -30
    ]
  },
  {
    "style": "invoiceLineItemsTable",
    "table": {
      "headerRows": 1,
      "widths": "$invoiceLineItemColumns",
      "body": "$invoiceLineItems"
    },
    "layout": {
      "hLineWidth": "$notFirst:.5",
      "vLineWidth": "$none",
      "hLineColor": "$primaryColor:#009d91",
      "paddingLeft": "$amount:8",
      "paddingRight": "$amount:8",
      "paddingTop": "$amount:8",
      "paddingBottom": "$amount:8"
    }
  },
  {
    "columns": [
      "$Signature",
      {
        "stack": [
          {
            "style": "subtotals",
            "table": {
              "widths": [
                "*",
                "35%"
              ],
              "body": "$subtotalsWithoutBalance"
            },
            "layout": {
              "hLineWidth": "$none",
              "vLineWidth": "$none",
              "paddingLeft": "$amount:34",
              "paddingRight": "$amount:8",
              "paddingTop": "$amount:4",
              "paddingBottom": "$amount:4"
            }
          },
          {
            "canvas": [
              {
                "type": "rect",
                "x": 50,
                "y": 20,
                "w": 208,
                "h": 30,
                "r": 4,
                "lineWidth": 1,
                "color": "$primaryColor:#009d91"
              }
            ]
          },
          {
            "style": "subtotalsBalance",
            "table": {
              "widths": [
                "*",
                "50%"
              ],
              "body": "$subtotalsBalance"
            },
            "layout": {
              "hLineWidth": "$none",
              "vLineWidth": "$none",
              "paddingLeft": "$amount:34",
              "paddingRight": "$amount:8",
              "paddingTop": "$amount:4",
              "paddingBottom": "$amount:4"
            }
          }
        ]
      }
    ]
  },
  "$invoice.terms",
  {
    "stack": [
      "$invoiceDocuments"
    ],
    "style": "invoiceDocuments"
  }
]