<% var sub = (ws && ws.subscription) || {}; var isStaff = !!locals.showStaff && currentUser && currentUser.role === 'admin'; var _inv = invoices || []; var _paidRows = _inv.filter(function (i) { return i.status === 'paid'; }); var _paid = _paidRows.reduce(function (s, i) { return s + (i.amount || 0); }, 0); var _pendRows = _inv.filter(function (i) { return i.status === 'pending'; }); var _total = _inv.reduce(function (s, i) { return s + (i.amount || 0); }, 0); var _od = function (i) { return i.status === 'pending' && i.dueDate && new Date(i.dueDate) < new Date(); }; var _overdue = _pendRows.filter(_od).length; var _svgInv = ''; var _svgDoc = ''; var _svgMsg = ''; var _acts = []; _acts.push({ href: '/documents', lb: 'Contracts', ic: _svgDoc, lead: !isStaff }); _acts.push({ href: '/messages', lb: isStaff ? 'Message the client' : 'Message your manager', ic: _svgMsg }); if (_pendRows.length) _acts.push({ href: '#history', lb: 'Awaiting payment', ic: _svgInv, n: _pendRows.length }); %>
Business
<%- include('../partials/range-picker') %>

<%= title %>

<% if (pending && pending.amount) { %>

You owe <%= h.money(pending.amount, pending.currency || sub.currency) %> right now.

<% } else if (_paid) { %>

You are paid up: <%= h.money(_paid, sub.currency) %> settled this year.

<% } else if (_inv.length) { %>

Nothing is outstanding.

<% } else { %>

No invoices yet.

<% } %>

<% if (pending) { %>Invoice <%= pending.number %><% if (pending.dueDate) { %>, due <%= h.date(pending.dueDate) %><% } %>.<% } else if (_inv.length) { %>Your retainer and invoice history, paid by bank transfer.<% } else { %>Your retainer and invoice history, paid by bank transfer.<% } %>

<% _acts.forEach(function (a) { %> <%- a.ic %><%= a.lb %><% if (a.n) { %> <%= a.n %><% } %> <% }) %>
<% if (isStaff) { %> <% var _invNewOpen = !!(locals.query && locals.query.new); %>
style="margin-top:22px">

New invoice

Cancel
<% } %>
<% if (isStaff && pending) { %>
<% } else if (isStaff) { %> New invoice <% } else { %> Ask about it <% } %>
Outstanding
<%= pending ? h.money(pending.amount, pending.currency || sub.currency) : h.money(0, sub.currency) %>
<% if(pending && pending.dueDate){ %>Due <%= h.date(pending.dueDate) %><% } %>
<% if(pending){ %>Payment details are on invoice <%= pending.number %>. <% } else { %>Nothing outstanding.<% } %>
Paid this year
<%- _paid ? h.money(_paid, sub.currency) : '—' %>
over the <%= _paidRows.length %> invoice<%= _paidRows.length === 1 ? '' : 's' %> marked paid
Monthly retainer
<%- sub.price ? h.money(sub.price, sub.currency) : '—' %>
<%= sub.plan || 'no plan set yet' %>
Invoiced in total
<%- _total ? h.money(_total, sub.currency) : '—' %>
the <%= _inv.length %> invoice<%= _inv.length === 1 ? '' : 's' %> listed below
Subscription
<%= sub.plan || 'No plan set' %>
<% if(sub.price){ %><%= h.money(sub.price, sub.currency) %> a month, billed monthly<% } else { %>Your VOCTOS team will confirm your retainer.<% } %>
Questions about your plan or an invoice? Message your account manager.
Invoices
<%= _inv.length %>
Paid
<%= _paidRows.length %>
Awaiting payment
<%= _pendRows.length %>
Overdue
<%= _overdue %>

Payment history

all invoices<%- h.ihelp('Invoices and payment', 'Paid this year counts invoices marked paid in the range shown. Awaiting payment is anything issued ' + 'and not yet settled. An unpaid invoice past its due date is counted as overdue as well.') %>
<% if(!invoices.length){ %><%- include('../partials/empty', { title: 'No invoices yet', line: isStaff ? 'Raise the first one for this client.' : 'Invoices from your VOCTOS team appear here.', cta: isStaff ? { href: '/invoices?new=1#new', label: 'New invoice', cls: 'js-panel-open', attrs: ' data-panel="#new"' } : null }) %><% } else { %> <% invoices.forEach(function(i){ %> <% }) %>
InvoicePeriodAmountStatusDate
<%= i.number %><% if(i.description){ %>
<%= i.description %>
<% } %>		<%= i.period %><%= h.money(i.amount, i.currency || sub.currency) %> <%= i.status==='paid'?'Paid':(_od(i)?'Overdue':'Pending') %> <%= i.status==='pending' ? 'due '+h.date(i.dueDate) : h.date(i.issuedDate) %> <% if(i.status==='pending' && isStaff){ %>
<% } else if(i.status==='pending'){ %>Awaiting payment<% } else { %>PDF<% } %><% if(isStaff){ %>
<% } %>
<% } %>
How to pay
Bank transfer
Payment details are on each invoice. Your account manager marks it paid once the transfer arrives.