{
  "key": "file_80_ticket_event",
  "name": "80mm Ticket Event Style",
  "size": "80mm",
  "template_json": {
    "version": 1,
    "settings": {
      "size": "80mm",
      "font_family": "\"Courier New\", Courier, monospace",
      "font_style": "normal",
      "custom_css": ""
    },
    "components": [
      {
        "type": "text",
        "label": "Title",
        "content": {
          "mode": "static",
          "staticText": "INVOICE"
        },
        "style": {
          "fontSize": 20,
          "bold": true,
          "textAlign": "center",
          "htmlTag": "h2"
        }
      },
      {
        "type": "text",
        "label": "Business Name",
        "content": {
          "mode": "tag",
          "tag": "display_name"
        },
        "style": {
          "fontSize": 18,
          "bold": true,
          "textAlign": "center",
          "htmlTag": "h3"
        }
      },
      {
        "type": "text",
        "label": "Invoice Number",
        "content": {
          "mode": "tag",
          "tag": "invoice_no",
          "prefix": "Ref: "
        },
        "layout": {
          "width": 50,
          "newLine": true
        },
        "style": {
          "fontSize": 12,
          "textAlign": "left",
          "htmlTag": "p"
        }
      },
      {
        "type": "text",
        "label": "Customer",
        "content": {
          "mode": "tag",
          "tag": "customer_name"
        },
        "layout": {
          "width": 50,
          "newLine": false
        },
        "style": {
          "fontSize": 12,
          "textAlign": "right",
          "htmlTag": "p"
        },
        "visibility": {
          "tokens": [
            "customer_name"
          ],
          "groupKey": "customer"
        }
      },
      {
        "type": "divider",
        "label": "Section Divider",
        "style": {
          "lineStyle": "dotted",
          "lineThickness": 1
        }
      },
      {
        "type": "table",
        "label": "Items",
        "content": {
          "tableMode": "line",
          "columns": [
            {
              "header": "Item",
              "width": 56,
              "align": "left",
              "tags": [
                "line.name"
              ]
            },
            {
              "header": "Qty",
              "width": 14,
              "align": "center",
              "tags": [
                "line.quantity"
              ]
            },
            {
              "header": "Amount",
              "width": 30,
              "align": "right",
              "tags": [
                "line.line_total"
              ]
            }
          ]
        },
        "style": {
          "headerFontSize": 11,
          "bodyFontSize": 11,
          "headerBold": true,
          "borderStyle": "solid",
          "borderWidth": 1,
          "borderColor": "#000000"
        }
      },
      {
        "type": "text",
        "label": "Paid Label",
        "content": {
          "mode": "static",
          "staticText": "Paid"
        },
        "layout": {
          "width": 50,
          "newLine": true
        },
        "style": {
          "fontSize": 12,
          "textAlign": "left",
          "htmlTag": "p"
        }
      },
      {
        "type": "text",
        "label": "Paid Value",
        "content": {
          "mode": "tag",
          "tag": "total_paid"
        },
        "layout": {
          "width": 50,
          "newLine": false
        },
        "style": {
          "fontSize": 12,
          "textAlign": "right",
          "htmlTag": "p"
        }
      },
      {
        "type": "text",
        "label": "Total Label",
        "content": {
          "mode": "static",
          "staticText": "Balance"
        },
        "layout": {
          "width": 50,
          "newLine": true
        },
        "style": {
          "fontSize": 12,
          "textAlign": "left",
          "htmlTag": "p"
        }
      },
      {
        "type": "text",
        "label": "Total Due",
        "content": {
          "mode": "tag",
          "tag": "total_due"
        },
        "layout": {
          "width": 50,
          "newLine": false
        },
        "style": {
          "fontSize": 12,
          "bold": true,
          "textAlign": "right",
          "htmlTag": "p"
        }
      }
    ]
  }
}