Bulk Pricing

import dash from "@/lib/dash"

const { product } = await dash.products.get("blue-dream")

// Each size can have bulk discounts
const size = product.attributes[0].options[0].sizes[0]
console.log(size.bulk_discounts)
// [
//   { min_quantity: 3, discount_type: "percentage", discount_value: "5" },
//   { min_quantity: 5, discount_type: "percentage", discount_value: "10" },
//   { min_quantity: 10, discount_type: "percentage", discount_value: "15" }
// ]

export function BulkPricingTable({ size }) {
  if (!size.bulk_discounts?.length) return null

  return (
    <table>
      <thead><tr><th>Quantity</th><th>Discount</th><th>Price Each</th></tr></thead>
      <tbody>
        <tr><td>1+</td><td>—</td><td>${size.price}</td></tr>
        {size.bulk_discounts.map((bd, i) => {
          const discounted = (Number(size.price) * (1 - Number(bd.discount_value) / 100)).toFixed(2)
          return (
            <tr key={i}>
              <td>{bd.min_quantity}+</td>
              <td>{bd.discount_value}% off</td>
              <td>${discounted}</td>
            </tr>
          )
        })}
      </tbody>
    </table>
  )
}