} title="Edit your onboarding SOP" desc="Change steps, intake fields, agreement clauses — every new client uses your latest template." onClick={() => goTo("templates")}/>
} title="Paste a JD, get a client" desc="Drop in a job description and rate. We pre-fill SOW, agreement, and invoice for review." onClick={() => goTo("new")}/>
} title="Inbox" desc="Every email, notification, and reminder the portal has sent — in one place." onClick={() => goTo("inbox")}/>
);
}
// ─────────────────────────────────────────────────────────────────────
// Invoice reminders — live Brevo-powered panel on the dashboard
// ─────────────────────────────────────────────────────────────────────
function InvoiceReminders({ goTo }) {
const { clients, freelancer, paymentProviders } = useApp();
const { toast } = useToast();
const [cfg] = React.useState(loadBrevoConfig);
const [sending, setSending] = React.useState(null);
const [sentLog, setSentLog] = React.useState(() => lsLoad("reminder_log", []));
const connected = (cfg.apiKey || cfg.proxyUrl) && cfg.senderEmail;
// Unpaid invoices = clients whose deposit invoice isn't paid yet
const unpaid = clients.filter(c => c.docs && c.docs.invoice && c.docs.invoice !== "paid");
// Best available pay link from connected providers
const payLink = (() => {
const stripe = paymentProviders.find(p => p.id === "stripe" && p.paymentUrl);
if (stripe) return stripe.paymentUrl;
const pp = paymentProviders.find(p => p.id === "paypal" && p.paymentUrl);
if (pp) return `https://www.${pp.paymentUrl}`;
return null;
})();
const sendReminder = async (client, kind) => {
const amount = client.hoursPerWeek ? client.rate : Math.round(client.rate * 0.5);
const dueDate = client.startDate;
const invoiceNo = `INV-${client.id.toUpperCase()}-001`;
const { subject, html } = buildReminderEmail({
client, freelancer, amount, currencyCode: freelancer.currency,
dueDate, invoiceNo, payLink, kind,
});
if (!connected) {
// No Brevo connected — show a preview instead so they can still test the flow
const w = window.open("", "reminder-preview", "width=600,height=720,scrollbars=yes");
if (w) { w.document.write(`Reminder preview — ${subject}