import matplotlib.pyplot as plt
import matplotlib.patches as patches

fig, ax = plt.subplots(figsize=(10, 6))

# Disable axes
ax.axis('off')

# Define the steps and positions
steps = [
    "Khách truy cập trang web",
    "Tìm kiếm sản phẩm",
    "Thêm sản phẩm vào giỏ hàng",
    "Xem giỏ hàng",
    "Thanh toán",
    "Xác nhận đơn hàng",
    "Giao hàng"
]

positions = [
    (0.5, 0.9),
    (0.5, 0.75),
    (0.5, 0.6),
    (0.5, 0.45),
    (0.5, 0.3),
    (0.5, 0.15),
    (0.5, 0.0)
]

# Create the boxes
for step, pos in zip(steps, positions):
    rect = patches.FancyBboxPatch(
        (pos[0] - 0.4, pos[1] - 0.05), 0.8, 0.1,
        boxstyle="round,pad=0.3",
        edgecolor="black",
        facecolor="skyblue"
    )
    ax.add_patch(rect)
    ax.text(pos[0], pos[1], step, ha='center', va='center', fontsize=12)

# Create the arrows
for i in range(len(positions) - 1):
    start = positions[i]
    end = positions[i + 1]
    ax.annotate(
        '',
        xy=end,
        xytext=start,
        arrowprops=dict(arrowstyle="->", color='black', lw=2)
    )

plt.show()