<%= ob.brandingBoxT() %>
<% if (ob.screen === 'intro') { %> <% if (ob.curConn && ob.curConn.server) { %> <% const serverName = ob.curConn.server.get('name') || ''; %>
<%= ob.polyT('onboarding.introScreen.connectionLbl') %> <%= serverName %>
<% } %> <% } else if (ob.screen === 'info') { %>
<%= ob.polyT('onboarding.infoScreen.heading') %>
<%= ob.polyT('onboarding.pageOfPage', { startPage: 1, totalPages: 2 }) %>
<% } else if (ob.screen === 'tos') { %>
<%= ob.polyT('onboarding.tosScreen.heading') %>
<%= ob.polyT('onboarding.pageOfPage', { startPage: 2, totalPages: 2 }) %>
<% } %>

<% if (ob.screen === 'intro') { %>
<%= ob.polyT('onboarding.introScreen.introLine', { cur: ob.currencyMod.getServerCurrency().name }) %><%= ob.currencyMod.cryptoIcon() %>
<%= ob.polyT('onboarding.introScreen.tagLine') %>
<% } else if (ob.screen === 'info') { %>
<% if (ob.profileErrors.name) print(ob.formErrorTmpl({ errors: ob.profileErrors.name })) %>
<%= ob.polyT('onboarding.infoScreen.descriptionHelper', { count: ob.profileConstraints.shortDescriptionLength }) %>
<% if (ob.profileErrors.shortDescription) print(ob.formErrorTmpl({ errors: ob.profileErrors.shortDescription })) %>
<% if (ob.settingsErrors.country) print(ob.formErrorTmpl({ errors: ob.settingsErrors.country })) %>
<% if (ob.settingsErrors.currency) print(ob.formErrorTmpl({ errors: ob.settingsErrors.currency })) %>
<% } else if (ob.screen === 'tos') { %> <% // split the TOS on line breaks so that we could ouput in p elements let tos = ob.polyT('onboarding.tosScreen.tos').replace('\r', '\n'); tos = tos.replace(/\n\s*\n/g, '--->break-here<---'); tos.split('--->break-here<---').forEach(p => { const trimmed = p.trim(); if (p.length) { print(`

${trimmed}

`); } }); %> <% } %>
<% if (ob.screen !== 'intro') { %>
<% if (ob.screen !== 'tos') { %> <% } else { %> <%= ob.processingButton({ className: `btn clrP js-tosAgree ${ob.saveInProgress ? 'processing' : ''}`, btnText: 'I Agree' }) %> <% } %>
<% } %>