{
  "id": "gas",
  "title": "Town gas bill — residential",
  "category": "Gas",
  "note": "Not affiliated with any utility company; layout templates for demonstration.",
  "fields": [
    {
      "field": "mailingAddress",
      "id": "gas-mailing-address",
      "xpath": "//*[@id='gas-mailing-address']",
      "value": "<span id=\"gas-customer-name\" data-field=\"customerName\">MR CHAN TAI MAN 陳大文</span><br>FLAT A, 1/F<br>EXAMPLE HOUSE<br>SAMPLE ESTATE<br>SAMPLE DISTRICT",
      "depth": 0
    },
    {
      "field": "customerName",
      "id": "gas-customer-name",
      "xpath": "//*[@id='gas-customer-name']",
      "value": "MR CHAN TAI MAN 陳大文",
      "depth": 1
    },
    {
      "field": "accountNumber",
      "id": "gas-account-number",
      "xpath": "//*[@id='gas-account-number']",
      "value": "0000-0000-0000",
      "depth": 0
    },
    {
      "field": "supplyAddress",
      "id": "gas-supply-address",
      "xpath": "//*[@id='gas-supply-address']",
      "value": "MR CHAN TAI MAN<br>FLAT A, 1/F<br>EXAMPLE HOUSE<br>1 SAMPLE ST<br>SAMPLE DISTRICT",
      "depth": 0
    },
    {
      "field": "deposit",
      "id": "gas-deposit",
      "xpath": "//*[@id='gas-deposit']",
      "value": "$600.00",
      "depth": 0
    },
    {
      "field": "billDate",
      "id": "gas-bill-date",
      "xpath": "//*[@id='gas-bill-date']",
      "value": "2026/08/04",
      "depth": 0
    },
    {
      "field": "previousBalance",
      "id": "gas-previous-balance",
      "xpath": "//*[@id='gas-previous-balance']",
      "value": "$0.61",
      "depth": 0
    },
    {
      "field": "gasChargesTotal",
      "id": "gas-gas-charges",
      "xpath": "//*[@id='gas-gas-charges']",
      "value": "$495.63",
      "depth": 0
    },
    {
      "field": "otherItems",
      "id": "gas-other-items",
      "xpath": "//*[@id='gas-other-items']",
      "value": "$0.00",
      "depth": 0
    },
    {
      "field": "previousBillTotal",
      "id": "gas-prev-bill-total",
      "xpath": "//*[@id='gas-prev-bill-total']",
      "value": "$1,000.61",
      "depth": 0
    },
    {
      "field": "previousPayment",
      "id": "gas-prev-payment",
      "xpath": "//*[@id='gas-prev-payment']",
      "value": "-$1,000.00",
      "depth": 0
    },
    {
      "field": "previousBalanceDetail",
      "id": "gas-prev-balance-detail",
      "xpath": "//*[@id='gas-prev-balance-detail']",
      "value": "$0.61",
      "depth": 0
    },
    {
      "field": "chargePeriod1",
      "id": "gas-period-1",
      "xpath": "//*[@id='gas-period-1']",
      "value": "\n            <div id=\"gas-p1-range\" data-field=\"p1Range\">2026/06/03 (1000 估計讀數) - 2026/07/03 (1014 估計讀數)&nbsp;&nbsp;(<span id=\"gas-p1-consumption\" data-field=\"p1Consumption\">14 度 = 672兆焦耳</span>)</div>\n            <div style=\"margin-top:4px;\">本期燃氣用量按估計計算，請報讀燃氣錶度數。</div>\n            <div style=\"display:grid; grid-template-columns:1fr auto; gap:3px 12px; margin-top:8px;\">\n              <div>燃氣費</div><div id=\"gas-p1-gas\" data-field=\"p1GasCharge\" style=\"text-align:right;\">$182.00</div>\n              <div>燃料調整費 (每兆焦耳6.960 仙)</div><div id=\"gas-p1-fuel\" data-field=\"p1FuelAdjustment\" style=\"text-align:right;\">$46.77</div>\n              <div>保養月費</div><div id=\"gas-p1-maintenance\" data-field=\"p1Maintenance\" style=\"text-align:right; border-bottom:1px solid #1c1c1a;\">$10.00</div>\n              <div></div><div id=\"gas-p1-subtotal\" data-field=\"p1Subtotal\" style=\"text-align:right; font-weight:700;\">$238.77</div>\n            </div>\n          ",
      "depth": 0
    },
    {
      "field": "p1Range",
      "id": "gas-p1-range",
      "xpath": "//*[@id='gas-p1-range']",
      "value": "2026/06/03 (1000 估計讀數) - 2026/07/03 (1014 估計讀數)&nbsp;&nbsp;(<span id=\"gas-p1-consumption\" data-field=\"p1Consumption\">14 度 = 672兆焦耳</span>)",
      "depth": 1
    },
    {
      "field": "p1Consumption",
      "id": "gas-p1-consumption",
      "xpath": "//*[@id='gas-p1-consumption']",
      "value": "14 度 = 672兆焦耳",
      "depth": 2
    },
    {
      "field": "p1GasCharge",
      "id": "gas-p1-gas",
      "xpath": "//*[@id='gas-p1-gas']",
      "value": "$182.00",
      "depth": 1
    },
    {
      "field": "p1FuelAdjustment",
      "id": "gas-p1-fuel",
      "xpath": "//*[@id='gas-p1-fuel']",
      "value": "$46.77",
      "depth": 1
    },
    {
      "field": "p1Maintenance",
      "id": "gas-p1-maintenance",
      "xpath": "//*[@id='gas-p1-maintenance']",
      "value": "$10.00",
      "depth": 1
    },
    {
      "field": "p1Subtotal",
      "id": "gas-p1-subtotal",
      "xpath": "//*[@id='gas-p1-subtotal']",
      "value": "$238.77",
      "depth": 1
    },
    {
      "field": "chargePeriod2",
      "id": "gas-period-2",
      "xpath": "//*[@id='gas-period-2']",
      "value": "\n            <div id=\"gas-p2-range\" data-field=\"p2Range\">2026/07/03 (1014 估計讀數) - 2026/08/03 (1030 抄錶讀數)&nbsp;&nbsp;(<span id=\"gas-p2-consumption\" data-field=\"p2Consumption\">16 度 = 768兆焦耳</span>)</div>\n            <div style=\"margin-top:4px;\">8月3日的讀數 1030 為抄錶員抄錄的實際讀數。</div>\n            <div style=\"display:grid; grid-template-columns:1fr auto; gap:3px 12px; margin-top:8px;\">\n              <div>燃氣費</div><div id=\"gas-p2-gas\" data-field=\"p2GasCharge\" style=\"text-align:right;\">$208.00</div>\n              <div>燃料調整費 (每兆焦耳5.060 仙)</div><div id=\"gas-p2-fuel\" data-field=\"p2FuelAdjustment\" style=\"text-align:right;\">$38.86</div>\n              <div>保養月費</div><div id=\"gas-p2-maintenance\" data-field=\"p2Maintenance\" style=\"text-align:right; border-bottom:1px solid #1c1c1a;\">$10.00</div>\n              <div></div><div id=\"gas-p2-subtotal\" data-field=\"p2Subtotal\" style=\"text-align:right; font-weight:700;\">$256.86</div>\n            </div>\n          ",
      "depth": 0
    },
    {
      "field": "p2Range",
      "id": "gas-p2-range",
      "xpath": "//*[@id='gas-p2-range']",
      "value": "2026/07/03 (1014 估計讀數) - 2026/08/03 (1030 抄錶讀數)&nbsp;&nbsp;(<span id=\"gas-p2-consumption\" data-field=\"p2Consumption\">16 度 = 768兆焦耳</span>)",
      "depth": 1
    },
    {
      "field": "p2Consumption",
      "id": "gas-p2-consumption",
      "xpath": "//*[@id='gas-p2-consumption']",
      "value": "16 度 = 768兆焦耳",
      "depth": 2
    },
    {
      "field": "p2GasCharge",
      "id": "gas-p2-gas",
      "xpath": "//*[@id='gas-p2-gas']",
      "value": "$208.00",
      "depth": 1
    },
    {
      "field": "p2FuelAdjustment",
      "id": "gas-p2-fuel",
      "xpath": "//*[@id='gas-p2-fuel']",
      "value": "$38.86",
      "depth": 1
    },
    {
      "field": "p2Maintenance",
      "id": "gas-p2-maintenance",
      "xpath": "//*[@id='gas-p2-maintenance']",
      "value": "$10.00",
      "depth": 1
    },
    {
      "field": "p2Subtotal",
      "id": "gas-p2-subtotal",
      "xpath": "//*[@id='gas-p2-subtotal']",
      "value": "$256.86",
      "depth": 1
    },
    {
      "field": "gasTotalDetail",
      "id": "gas-gas-total-detail",
      "xpath": "//*[@id='gas-gas-total-detail']",
      "value": "$495.63",
      "depth": 0
    },
    {
      "field": "totalDue",
      "id": "gas-total-due",
      "xpath": "//*[@id='gas-total-due']",
      "value": "$496.24",
      "depth": 0
    },
    {
      "field": "dueDate",
      "id": "gas-due-date",
      "xpath": "//*[@id='gas-due-date']",
      "value": "2026/08/25",
      "depth": 0
    },
    {
      "field": "meterCutoffDay",
      "id": "gas-meter-cutoff",
      "xpath": "//*[@id='gas-meter-cutoff']",
      "value": "每月3號",
      "depth": 0
    },
    {
      "field": "meterHotline",
      "id": "gas-hotline",
      "xpath": "//*[@id='gas-hotline']",
      "value": "0000 0000",
      "depth": 0
    },
    {
      "field": "ocrLine",
      "id": "gas-ocr-line",
      "xpath": "//*[@id='gas-ocr-line']",
      "value": "&lt;000000000000&lt;00&nbsp;&nbsp;&nbsp;&gt;0000049624&gt;00",
      "depth": 0
    }
  ]
}