<%
  var _action      = locals.action      || '#';
  var _method      = locals.method      || 'post';
  var _initial     = locals.initial     || {};
  var _cancelHref  = locals.cancelHref  || null;
  var _errors      = locals.errors      || {};
  var _error       = locals.error       || '';
  var _keywords    = Array.isArray(_initial.keywords) ? _initial.keywords : [];
  var _titleLen    = (_initial.seoTitle       || '').length;
  var _descLen     = (_initial.seoDescription || '').length;
%>

  <% if (_error) { %>
  

    
    <%= _error %>
  
  <% } %>

  <%- include('../../../ui/Input', {
    id: 'seo-title', label: 'SEO Title', name: 'seoTitle',
    placeholder: 'Page title for search engines',
    value: _initial.seoTitle || '',
    error: _errors.seoTitle,
    hint: _titleLen + '/60'
  }) %>

  

    Meta Description
    <%= _initial.seoDescription || '' %>
    <% if (_errors.seoDescription) { %>
    
<%= _errors.seoDescription %>
    <% } else { %>
    
<%= _descLen %>/160
    <% } %>
  

  

    Keywords
    

      <% _keywords.forEach(function(kw) { %>
      
        <%= kw %>
        
      
      <% }); %>
      
    
    
Press Enter or comma to add a keyword.
  

  

    <% if (_cancelHref) { %>
    <%- include('../../../ui/Button', { variant: 'outline', children: 'Cancel', href: _cancelHref }) %>
    <% } %>
    <%- include('../../../ui/Button', { type: 'submit', children: 'Save SEO' }) %>