{
  "key": "file_80_signature_black",
  "name": "80mm Signature Black",
  "size": "80mm",
  "template_json": {
    "version": 1,
    "settings": {
      "size": "80mm",
      "font_family": "\"Courier New\", Courier, monospace",
      "font_style": "normal",
      "custom_css": ""
    },
    "components": [
      {
        "type": "text",
        "label": "Business Name",
        "content": {
          "mode": "tag",
          "tag": "display_name"
        },
        "style": {
          "fontSize": 22,
          "bold": true,
          "textAlign": "center",
          "htmlTag": "h2"
        }
      },
      {
        "type": "text",
        "label": "Address",
        "content": {
          "mode": "tag",
          "tag": "address"
        },
        "style": {
          "fontSize": 11,
          "textAlign": "center",
          "htmlTag": "p"
        }
      },
      {
        "type": "text",
        "label": "Payment Status",
        "content": {
          "mode": "tag",
          "tag": "payment_status"
        },
        "style": {
          "fontSize": 13,
          "bold": true,
          "textAlign": "center",
          "htmlTag": "p",
          "color": "#111111"
        },
        "layout": {
          "borderStyle": "solid",
          "borderWidth": 1,
          "borderColor": "#000000"
        },
        "visibility": {
          "tokens": [
            "payment_status"
          ],
          "groupKey": "status"
        }
      },
      {
        "type": "text",
        "label": "Invoice Number",
        "content": {
          "mode": "tag",
          "tag": "invoice_no",
          "prefix": "No: "
        },
        "layout": {
          "width": 55,
          "newLine": true
        },
        "style": {
          "fontSize": 12,
          "bold": true,
          "textAlign": "left",
          "htmlTag": "p"
        }
      },
      {
        "type": "text",
        "label": "Invoice Date",
        "content": {
          "mode": "tag",
          "tag": "invoice_date",
          "prefix": "Date: "
        },
        "layout": {
          "width": 45,
          "newLine": false
        },
        "style": {
          "fontSize": 12,
          "textAlign": "right",
          "htmlTag": "p"
        }
      },
      {
        "type": "divider",
        "label": "Divider"
      },
      {
        "type": "table",
        "label": "Line Items",
        "content": {
          "tableMode": "line",
          "columns": [
            {
              "header": "Description",
              "width": 50,
              "align": "left",
              "tags": [
                "line.name"
              ],
              "separator": "<br>"
            },
            {
              "header": "Qty",
              "width": 14,
              "align": "center",
              "tags": [
                "line.quantity"
              ]
            },
            {
              "header": "Unit",
              "width": 18,
              "align": "right",
              "tags": [
                "line.unit_price"
              ]
            },
            {
              "header": "Amount",
              "width": 18,
              "align": "right",
              "tags": [
                "line.line_total"
              ]
            }
          ]
        },
        "style": {
          "headerFontSize": 11,
          "bodyFontSize": 11,
          "headerBold": true,
          "borderStyle": "solid",
          "borderWidth": 1,
          "borderColor": "#000000"
        }
      },
      {
        "type": "divider",
        "label": "Total Divider"
      },
      {
        "type": "text",
        "label": "Total Label",
        "content": {
          "mode": "static",
          "staticText": "TOTAL"
        },
        "layout": {
          "width": 40,
          "newLine": true
        },
        "style": {
          "fontSize": 16,
          "bold": true,
          "textAlign": "left",
          "htmlTag": "p"
        }
      },
      {
        "type": "text",
        "label": "Total Value",
        "content": {
          "mode": "tag",
          "tag": "total"
        },
        "layout": {
          "width": 60,
          "newLine": false
        },
        "style": {
          "fontSize": 16,
          "bold": true,
          "textAlign": "right",
          "htmlTag": "p"
        }
      },
      {
        "type": "qr",
        "label": "QR Code",
        "content": {
          "tag": "qr_code_text"
        },
        "style": {
          "size": 120,
          "textAlign": "center"
        },
        "visibility": {
          "tokens": [
            "qr_code_text"
          ],
          "groupKey": "qr"
        }
      }
    ]
  }
}