Invoice Email Template

import Ark from "@arkhq/sdk";

const ark = new Ark({ apiKey: process.env.ARK_API_KEY });

interface LineItem {
  description: string;
  quantity: number;
  unitPrice: number;
  total: number;
}

interface Invoice {
  number: string;
  dueDate: string;
  lineItems: LineItem[];
  total: number;
  paymentLink: string;
}

async function sendInvoice(email: string, name: string, invoice: Invoice) {
  const itemsHtml = invoice.lineItems
    .map(item => `
      <div style="display:flex;justify-content:space-between;margin-bottom:10px;">
        <span>${item.description} × ${item.quantity}</span>
        <span>$${item.total.toFixed(2)}</span>
      </div>
    `)
    .join("");

  await ark.emails.send({
    from: "[email protected]",
    to: email,
    subject: `Invoice #${invoice.number} — $${invoice.total.toFixed(2)} due ${invoice.dueDate}`,
    html: `
      <h1>Invoice #${invoice.number}</h1>
      <p style="color:#666;">Due ${invoice.dueDate}</p>
      <p>Hi ${name},</p>
      <p>Please find your invoice below.</p>
      <div style="background:#f9f9f9;border-radius:8px;padding:20px;margin:20px 0;">
        ${itemsHtml}
        <hr style="border:none;border-top:1px solid #eee;margin:15px 0;">
        <div style="display:flex;justify-content:space-between;font-weight:bold;font-size:18px;">
          <span>Total Due</span>
          <span>$${invoice.total.toFixed(2)}</span>
        </div>
      </div>
      <a href="${invoice.paymentLink}" style="background:#000;color:#fff;padding:12px 30px;text-decoration:none;border-radius:6px;display:inline-block;">Pay Now</a>
    `,
  });
}