<% if (locals.action) { // Make it possible to override action button color (specify fallback color if no color specified) locals.action.forEach(function(actionItem) { if (!actionItem.button.color) { actionItem.button.color = '#222222'; } }); } %>
<% if (locals.product.logo) { %> <% } else { %> <%- product.name %> <% } %>

<%- title %>

<% if (locals.intro) { %> <% intro.forEach(function (introItem) { -%>

<%- introItem %>

<% }) -%> <% } %> <% if (locals.dictionary) { %>
<% for (item in dictionary) { -%>
<%- item.charAt(0).toUpperCase() + item.slice(1) %>:
<%- dictionary[item] %>
<% } -%>

<% } %> <% if (locals.table) { %> <% table.forEach(function (tableItem, i) { -%>

<%- tableItem.title %>

<% for (var column in tableItem.data[0]) {%> <% } %> <% for (var i in tableItem.data) {%> <% for (var column in tableItem.data[i]) {%> <% } %> <% } %>
width="<%= tableItem.columns.customWidth[column] %>" <% } %> <% if(tableItem.columns && tableItem.columns.customAlignment && tableItem.columns.customAlignment[column]) { %> style="text-align:<%= tableItem.columns.customAlignment[column] %>" <% } %> >

<%- column.charAt(0).toUpperCase() + column.slice(1) %>

style="text-align:<%= tableItem.columns.customAlignment[column] %>" <% } %> > <%- tableItem.data[i][column] %>
<% }) %> <% } %>

<% if (locals.action) { %> <% action.forEach(function (actionItem) { -%>

<%- actionItem.instructions %>


    <%- actionItem.button.text %>    

<% }) -%> <% } %>
<% if (locals.outro) { %> <% outro.forEach(function (outroItem) { -%>

<%- outroItem %>

<% }) -%> <% } %>
<%- signature %>,
<%- product.name %>
<% if (locals.goToAction) { %> <% } %>