Flex06-Botnoi

{
  "type": "bubble",
  "header": {
    "type": "box",
    "layout": "vertical",
    "contents": [
      {
        "type": "text",
        "text": "ยอดที่ต้องชำระ",
        "weight": "bold",
        "size": "md",
        "color": "#1DB446"
      },
      {
        "type": "text",
        "text": "฿25,000.00",
        "weight": "bold",
        "size": "xxl",
        "margin": "md"
      },
      {
        "type": "text",
        "text": "ชำระภายใน 14 เม.ย. 2566",
        "size": "xs",
        "color": "#aaaaaa",
        "wrap": true
      }
    ],
    "margin": "none",
    "offsetEnd": "none"
  },
  "hero": {
    "type": "box",
    "layout": "vertical",
    "contents": [
      {
        "type": "image",
        "url": "https://cf.autodeft2.pw/uploads/images/Tesla%20Model%20S%20Plaid%20Launch_02.jpg",
        "size": "full",
        "aspectRatio": "16:9",
        "aspectMode": "cover",
        "offsetTop": "none",
        "offsetBottom": "lg",
        "offsetStart": "none",
        "margin": "none"
      },
      {
        "type": "separator"
      }
    ],
    "margin": "none",
    "action": {
      "type": "postback",
      "label": "action",
      "data": "hello"
    },
    "offsetTop": "none"
  },
  "body": {
    "type": "box",
    "layout": "vertical",
    "contents": [
      {
        "type": "box",
        "layout": "vertical",
        "contents": [
          {
            "type": "box",
            "layout": "horizontal",
            "contents": [
              {
                "type": "text",
                "text": "ยอดที่ชำระแล้ว",
                "align": "start",
                "color": "#aaaaaa"
              },
              {
                "type": "text",
                "text": "ยอดผ่อนทั้งหมด",
                "offsetStart": "none",
                "offsetEnd": "none",
                "align": "end",
                "color": "#aaaaaa"
              }
            ]
          },
          {
            "type": "box",
            "layout": "horizontal",
            "contents": [
              {
                "type": "text",
                "text": "฿1,000,000.00",
                "align": "start",
                "color": "#1DB446"
              },
              {
                "type": "text",
                "text": "฿2,000,000.00",
                "align": "end"
              }
            ]
          },
          {
            "type": "box",
            "layout": "vertical",
            "contents": [
              {
                "type": "box",
                "layout": "vertical",
                "contents": [
                  {
                    "type": "filler"
                  }
                ],
                "width": "50%",
                "height": "6px",
                "backgroundColor": "#1DB446"
              }
            ],
            "backgroundColor": "#9FD8E36E",
            "height": "6px"
          }
        ]
      },
      {
        "type": "box",
        "layout": "horizontal",
        "margin": "md",
        "contents": [
          {
            "type": "text",
            "text": "PAYMENT ID",
            "size": "xs",
            "color": "#aaaaaa",
            "flex": 0
          },
          {
            "type": "text",
            "text": "#55578521",
            "color": "#aaaaaa",
            "size": "xs",
            "align": "end"
          }
        ]
      }
    ]
  },
  "styles": {
    "footer": {
      "separator": true
    }
  }
}