<div data-attribute-name="<%= @attribute.name %>" class="<%= @attribute.tag %> form-group<%= " form-group--block" if @attribute.style == 'block' %><%= " #{ @attribute.item_class }" if @attribute.item_class %>"<%= " data-width=#{ @attribute.grid_width }" if @attribute.grid_width %>>
  <% if @attribute.style == 'block': %>
  <h2>
  <% end %>
  <div class="formGroup-label">
    <label for="<%= @attribute.id %>"<% if @attribute.label_class: %> class="<%= @attribute.label_class %>"<% end %>><%- @T(@attribute.display) %> <span><% if !@attribute.null: %>*<% end %></span></label>
    <%- @item %>
    <% if @bookmarkable: %>
    <div class="align-right js-bookmark formGroup-bookmark">
      <div class="filled bookmark icon"></div>
    </div>
    <% end %>
    <% if @attribute.note: %>
    <div class="help-message js-helpMessage" title="<%- @Ti(@attribute.note) %>">
      <%- @Icon('help') %>
    </div>
    <% end %>
  </div>
  <% if @attribute.style == 'block': %>
  </h2>
  <p class="help-text"><% if @attribute.help: %><%- @T(@attribute.help) %><% end %><%- @attribute.helpLink %></p>
  <% end %>
  <div class="controls <% if !_.isEmpty(@attribute.linktemplate) && !_.isEmpty(@placeholderObjects): %>controls--button<% end %>">
    <% if !_.isEmpty(@attribute.linktemplate) && !_.isEmpty(@placeholderObjects): %>
    <a href="<%- @replacePlaceholder(@attribute.linktemplate, @placeholderObjects, true) %>" class="controls-button" target="_blank" rel="nofollow">
      <span class="controls-button-inner"><%- @Icon('external') %></span>
    </a>
    <% end %>
    <span class="help-inline"></span>
    <% if @attribute.style != 'block': %>
    <span class="help-block"><% if @attribute.help: %><%- @T(@attribute.help) %><% end %><%- @attribute.helpLink %></span>
    <% end %>
  </div>
</div>
