import { formatCurrency } from './formatter.js';

export async function renderEtiqueta(ctx, data, assets) {
    const { produto, preco, promocao, parcelas, info } = data;

    ctx.clearRect(0, 0, ctx.canvas.width, ctx.canvas.height);

    ctx.drawImage(assets.fundo, 0, 0, ctx.canvas.width, ctx.canvas.height);

    ctx.font = "bold 24px Arial";
    ctx.fillStyle = "#000";
    ctx.fillText(produto.toUpperCase(), 50, 50);

    ctx.font = "20px Arial";
    ctx.fillText(`À vista: ${formatCurrency(preco)}`, 50, 100);

    if (promocao) {
        ctx.fillStyle = "#E53935";
        ctx.fillText(`Promoção: ${formatCurrency(promocao)}`, 50, 130);
    }

    if (parcelas && parcelas > 1) {
        let parcelaValor = preco / parcelas;
        ctx.fillStyle = "#555";
        ctx.fillText(`${parcelas}x de ${formatCurrency(parcelaValor)}`, 50, 160);
    }

    if (info) {
        ctx.fillStyle = "#888";
        ctx.fillText(info, 50, 200);
    }
}