Flex12-Botnoi

{
  "type": "bubble",
  "body": {
    "type": "box",
    "layout": "vertical",
    "contents": [
      {
        "type": "text",
        "text": "บัตรเครดิตของคุณ Son",
        "weight": "bold",
        "color": "#ffffff",
        "size": "sm"
      },
      {
        "type": "text",
        "text": "บัตร Mastercard ",
        "weight": "bold",
        "size": "xxl",
        "margin": "sm",
        "color": "#fa9f1b"
      },
      {
        "type": "text",
        "text": "กดที่นี่เพื่อเปลี่ยนบัตร",
        "size": "xs",
        "color": "#afafaf",
        "wrap": true,
        "align": "start",
        "margin": "sm"
      },
      {
        "type": "box",
        "layout": "vertical",
        "contents": [
          {
            "type": "image",
            "url": "https://scontent.xx.fbcdn.net/v/t1.15752-9/341285060_972767827471072_3416720295170536935_n.png?stp=dst-png_p206x206&_nc_cat=104&ccb=1-7&_nc_sid=aee45a&_nc_eui2=AeERroB9cXAonkYCkwemgpmqZ6Rnh5rRAatnpGeHmtEBq5XyHuwNQylADeqSagaYY4nEOBzc5QfnCYsyI2iid1QT&_nc_ohc=g29UlY5Z4ugAX_V8oZU&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&oh=03_AdQb_QD8CHNjZMm6piUTkrwZbB2256hENV8qnzMnJbOEkg&oe=6464694F",
            "size": "full",
            "offsetTop": "none",
            "align": "center"
          }
        ],
        "margin": "none",
        "spacing": "none",
        "position": "relative"
      },
      {
        "type": "separator",
        "margin": "none"
      },
      {
        "type": "box",
        "layout": "vertical",
        "margin": "md",
        "spacing": "sm",
        "contents": [
          {
            "type": "box",
            "layout": "vertical",
            "contents": [
              {
                "type": "text",
                "text": "รอบบิลวันที่ 13 เม.ย 2566",
                "align": "center",
                "color": "#fa9f1b"
              }
            ]
          },
          {
            "type": "box",
            "layout": "horizontal",
            "contents": [
              {
                "type": "text",
                "text": "ยอดค้างชำระเดือนนี้",
                "size": "sm",
                "color": "#ffffff",
                "flex": 0
              },
              {
                "type": "text",
                "text": "12,000฿",
                "size": "sm",
                "color": "#ffffff",
                "align": "end"
              }
            ]
          },
          {
            "type": "box",
            "layout": "horizontal",
            "contents": [
              {
                "type": "text",
                "size": "sm",
                "color": "#ffffff",
                "flex": 0,
                "text": "ยอดค้างชำระทั้งหมด"
              },
              {
                "type": "text",
                "text": "15,000฿",
                "size": "sm",
                "color": "#ffffff",
                "align": "end"
              }
            ]
          },
          {
            "type": "box",
            "layout": "horizontal",
            "contents": [
              {
                "type": "text",
                "text": "วงเงินสูงสุด",
                "size": "sm",
                "color": "#ffffff",
                "flex": 0
              },
              {
                "type": "text",
                "text": "25,000฿",
                "size": "sm",
                "color": "#ffffff",
                "align": "end"
              }
            ]
          },
          {
            "type": "separator",
            "margin": "md"
          },
          {
            "type": "box",
            "layout": "horizontal",
            "contents": [
              {
                "type": "button",
                "action": {
                  "type": "uri",
                  "label": "ชำระยอดค้างชำระ",
                  "uri": "http://linecorp.com/"
                },
                "style": "link",
                "color": "#2e2c2d"
              }
            ],
            "margin": "lg",
            "backgroundColor": "#fa9f1b"
          },
          {
            "type": "box",
            "layout": "horizontal",
            "margin": "none",
            "contents": [
              {
                "type": "button",
                "action": {
                  "type": "uri",
                  "label": "ดูรายละเอียดบัตรเครดิต",
                  "uri": "http://linecorp.com/"
                },
                "color": "#ffffff"
              }
            ]
          }
        ]
      },
      {
        "type": "separator",
        "margin": "none"
      },
      {
        "type": "box",
        "layout": "horizontal",
        "margin": "md",
        "contents": [
          {
            "type": "text",
            "text": "PAYMENT ID",
            "size": "xs",
            "color": "#aaaaaa",
            "flex": 0
          },
          {
            "type": "text",
            "text": "#743289384279",
            "color": "#aaaaaa",
            "size": "xs",
            "align": "end"
          }
        ]
      }
    ],
    "backgroundColor": "#2e2c2d"
  },
  "styles": {
    "footer": {
      "separator": true
    }
  }
}