JSON ข้อความ · Message objectflexlay-hotel-booking-confirmation.json
{
"type": "flex",
"altText": "ยืนยันการจอง บ้านสวนรีสอร์ต เขาใหญ่ เช็กอิน 15 ธ.ค. 2569 รหัส BK1024",
"contents": {
"type": "bubble",
"size": "mega",
"body": {
"type": "box",
"layout": "vertical",
"paddingAll": "xl",
"contents": [
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "box",
"layout": "vertical",
"flex": 0,
"paddingEnd": "8px",
"paddingTop": "2px",
"cornerRadius": "xl",
"paddingStart": "8px",
"paddingBottom": "2px",
"backgroundColor": "#15803D",
"contents": [
{
"type": "text",
"size": "xxs",
"text": "ยืนยันการจองแล้ว",
"align": "center",
"color": "#FFFFFF",
"weight": "bold"
}
]
}
]
},
{
"type": "text",
"size": "xl",
"text": "บ้านสวนรีสอร์ต เขาใหญ่",
"wrap": true,
"color": "#111827",
"margin": "md",
"weight": "bold"
},
{
"type": "text",
"size": "sm",
"text": "ห้อง Deluxe Pool View · 2 ผู้ใหญ่",
"wrap": true,
"color": "#5F6673",
"margin": "xs"
},
{
"type": "box",
"layout": "horizontal",
"margin": "lg",
"paddingAll": "md",
"cornerRadius": "md",
"backgroundColor": "#F8FAFC",
"contents": [
{
"type": "box",
"layout": "vertical",
"flex": 1,
"contents": [
{
"type": "text",
"size": "xs",
"text": "เช็กอิน",
"color": "#5F6673"
},
{
"type": "text",
"size": "sm",
"text": "15 ธ.ค. 2569",
"color": "#111827",
"weight": "bold"
},
{
"type": "text",
"size": "xs",
"text": "หลัง 14:00 น.",
"color": "#5F6673"
}
]
},
{
"type": "separator",
"color": "#E5E7EB"
},
{
"type": "box",
"layout": "vertical",
"flex": 1,
"paddingStart": "lg",
"contents": [
{
"type": "text",
"size": "xs",
"text": "เช็กเอาต์",
"color": "#5F6673"
},
{
"type": "text",
"size": "sm",
"text": "17 ธ.ค. 2569",
"color": "#111827",
"weight": "bold"
},
{
"type": "text",
"size": "xs",
"text": "ก่อน 12:00 น.",
"color": "#5F6673"
}
]
}
]
},
{
"type": "box",
"layout": "vertical",
"margin": "lg",
"spacing": "sm",
"contents": [
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "text",
"size": "sm",
"text": "จำนวนคืน",
"flex": 2,
"color": "#5F6673"
},
{
"type": "text",
"size": "sm",
"text": "2 คืน",
"flex": 4,
"wrap": true,
"align": "end",
"color": "#111827"
}
]
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "text",
"size": "sm",
"text": "รหัสการจอง",
"flex": 2,
"color": "#5F6673"
},
{
"type": "text",
"size": "sm",
"text": "BK1024",
"flex": 4,
"wrap": true,
"align": "end",
"color": "#111827",
"weight": "bold"
}
]
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "text",
"size": "sm",
"text": "ยอดชำระแล้ว",
"flex": 2,
"color": "#5F6673"
},
{
"type": "text",
"size": "sm",
"text": "฿7,800",
"flex": 4,
"wrap": true,
"align": "end",
"color": "#2563EB",
"weight": "bold"
}
]
}
]
}
]
},
"hero": {
"type": "image",
"size": "full",
"url": "https://images.unsplash.com/photo-1520250497591-112f2f40a3f4?w=1024&q=75&fm=jpg&fit=crop",
"aspectMode": "cover",
"aspectRatio": "20:12"
},
"footer": {
"type": "box",
"layout": "vertical",
"spacing": "sm",
"paddingAll": "lg",
"paddingTop": "none",
"contents": [
{
"type": "button",
"color": "#2563EB",
"style": "primary",
"height": "sm",
"action": {
"type": "uri",
"uri": "https://example.com/bookings/BK1024",
"label": "ดูรายละเอียดการจอง"
}
},
{
"type": "button",
"style": "secondary",
"height": "sm",
"action": {
"type": "uri",
"uri": "tel:044123456",
"label": "ติดต่อโรงแรม"
}
}
]
}
}
}
