<%# Error summary and submission problems. Locals: errors, formError %>
<% var _keys = Object.keys(errors || {}); %>
<% if (formError === 'unavailable') { %>
  <div class="alert alert--error" role="alert" tabindex="-1" data-form-alert>
    <%- icon('alert') %>
    <div>
      <p><strong>We could not send your enquiry just now.</strong> Your details are still in the form below. Please try again in a few minutes<% if (site.contact.phone || site.contact.email) { %>, or contact us directly<% } %>.</p>
      <% if (site.contact.phone) { %><p>Phone: <a href="<%= tel(site.contact.phone) %>"><%= formatPhone(site.contact.phone) %></a></p><% } %>
      <% if (site.contact.email) { %><p>Email: <a href="mailto:<%= site.contact.email %>"><%= site.contact.email %></a></p><% } %>
    </div>
  </div>
<% } else if (formError) { %>
  <div class="alert alert--error" role="alert" tabindex="-1" data-form-alert>
    <%- icon('alert') %>
    <div>
      <p><strong><%= formError %></strong></p>
      <% if (_keys.length) { %>
        <ul>
          <% _keys.forEach(function (k) { %><li><a href="#f-<%= k %>"><%= errors[k] %></a></li><% }) %>
        </ul>
      <% } %>
    </div>
  </div>
<% } %>
<div class="alert alert--error" role="alert" tabindex="-1" hidden data-client-alert>
  <%- icon('alert') %>
  <div><p><strong>Please correct the highlighted fields and submit again.</strong></p><ul data-client-alert-list></ul></div>
</div>
