Flex05-Botnoi

{
  "type": "bubble",
  "size": "giga",
  "header": {
    "type": "box",
    "layout": "vertical",
    "contents": [
      {
        "type": "text",
        "text": "ยอดค้างชำระทั้งหมด",
        "color": "#FFFFFF",
        "align": "center",
        "gravity": "center"
      },
      {
        "type": "box",
        "layout": "vertical",
        "contents": [
          {
            "type": "text",
            "text": "ค้างชำระ",
            "color": "#FFBBB2",
            "size": "xxs",
            "align": "center",
            "gravity": "center"
          }
        ],
        "offsetTop": "lg"
      },
      {
        "type": "box",
        "layout": "vertical",
        "contents": [
          {
            "type": "text",
            "text": "฿30,000.00",
            "color": "#FFFFFF",
            "size": "xl",
            "align": "center",
            "gravity": "center",
            "weight": "bold"
          }
        ],
        "offsetTop": "lg"
      },
      {
        "type": "box",
        "layout": "vertical",
        "contents": [
          {
            "type": "button",
            "action": {
              "type": "message",
              "label": "ชำระทั้งหมด",
              "text": "ชำระทั้งหมด"
            },
            "color": "#FF4329"
          }
        ],
        "backgroundColor": "#FFFFFF",
        "offsetTop": "xl",
        "borderWidth": "none",
        "cornerRadius": "xxl",
        "justifyContent": "center",
        "alignItems": "center"
      },
      {
        "type": "box",
        "layout": "vertical",
        "contents": [
          {
            "type": "text",
            "text": "ชำระล่วงหน้าสำหรับเดือนถัดไป",
            "size": "xxs",
            "align": "center",
            "gravity": "center",
            "color": "#FFFFFF",
            "action": {
              "type": "message",
              "label": "action",
              "text": "ชำระล่วงหน้าสำหรับเดือนถัดไป"
            }
          }
        ],
        "offsetTop": "xl",
        "paddingAll": "lg"
      }
    ],
    "backgroundColor": "#EE4D2D"
  },
  "body": {
    "type": "box",
    "layout": "vertical",
    "contents": [
      {
        "type": "text",
        "text": "2566",
        "color": "#FF4329",
        "weight": "bold",
        "style": "normal",
        "decoration": "underline",
        "align": "center",
        "gravity": "center",
        "offsetBottom": "md"
      },
      {
        "type": "separator"
      },
      {
        "type": "box",
        "layout": "baseline",
        "contents": [
          {
            "type": "text",
            "text": "เม.ษ.",
            "align": "center",
            "gravity": "center"
          },
          {
            "type": "text",
            "text": "3,750.00"
          },
          {
            "type": "text",
            "text": "รอการชำระ"
          }
        ],
        "paddingAll": "md",
        "backgroundColor": "#FFF6F6",
        "action": {
          "type": "message",
          "label": "action",
          "text": "ชำระเดือนเมษายน"
        }
      },
      {
        "type": "separator"
      },
      {
        "type": "box",
        "layout": "baseline",
        "contents": [
          {
            "type": "text",
            "text": "พ.ค.",
            "align": "center",
            "gravity": "center"
          },
          {
            "type": "text",
            "text": "3,750.00"
          },
          {
            "type": "text",
            "text": "รอออกบิล"
          }
        ],
        "paddingAll": "md"
      },
      {
        "type": "separator"
      },
      {
        "type": "box",
        "layout": "baseline",
        "contents": [
          {
            "type": "text",
            "text": "มิ.ย.",
            "align": "center",
            "gravity": "center"
          },
          {
            "type": "text",
            "text": "3,750.00"
          },
          {
            "type": "text",
            "text": "รอออกบิล"
          }
        ],
        "paddingAll": "md"
      },
      {
        "type": "separator"
      },
      {
        "type": "box",
        "layout": "baseline",
        "contents": [
          {
            "type": "text",
            "text": "ก.ค.",
            "align": "center",
            "gravity": "center"
          },
          {
            "type": "text",
            "text": "3,750.00"
          },
          {
            "type": "text",
            "text": "รอออกบิล"
          }
        ],
        "paddingAll": "md"
      },
      {
        "type": "separator"
      },
      {
        "type": "box",
        "layout": "baseline",
        "contents": [
          {
            "type": "text",
            "text": "ส.ค.",
            "align": "center",
            "gravity": "center"
          },
          {
            "type": "text",
            "text": "3,750.00"
          },
          {
            "type": "text",
            "text": "รอออกบิล"
          }
        ],
        "paddingAll": "md"
      },
      {
        "type": "separator"
      },
      {
        "type": "box",
        "layout": "baseline",
        "contents": [
          {
            "type": "text",
            "text": "ก.ย.",
            "align": "center",
            "gravity": "center"
          },
          {
            "type": "text",
            "text": "3,750.00"
          },
          {
            "type": "text",
            "text": "รอออกบิล"
          }
        ],
        "paddingAll": "md"
      },
      {
        "type": "separator"
      },
      {
        "type": "box",
        "layout": "baseline",
        "contents": [
          {
            "type": "text",
            "text": "ต.ค.",
            "align": "center",
            "gravity": "center"
          },
          {
            "type": "text",
            "text": "3,750.00"
          },
          {
            "type": "text",
            "text": "รอออกบิล"
          }
        ],
        "paddingAll": "md"
      },
      {
        "type": "separator"
      },
      {
        "type": "box",
        "layout": "baseline",
        "contents": [
          {
            "type": "text",
            "text": "พ.ย.",
            "align": "center",
            "gravity": "center"
          },
          {
            "type": "text",
            "text": "3,750.00"
          },
          {
            "type": "text",
            "text": "รอออกบิล"
          }
        ],
        "paddingAll": "md"
      }
    ]
  },
  "footer": {
    "type": "box",
    "layout": "vertical",
    "contents": [
      {
        "type": "text",
        "text": "ศูนย์ช่วยเหลือ",
        "size": "xxs",
        "align": "center",
        "gravity": "center",
        "color": "#A7A7A7",
        "offsetBottom": "md",
        "action": {
          "type": "message",
          "label": "action",
          "text": "ศูนย์ช่วยเหลือ"
        }
      }
    ]
  }
}