<%- name %>

    <% if (!_.isUndefined(id)) { %>
  1. <%- gettext('ID') %>: <%- id %>
    2. <% } %> <% if (showGroups) { %>
  2. <%- description %>
    3. <% } else { %>
  3. <%- groupsCountMessage %>
  4. <%- usageCountMessage %>
    5. <% } %>
<% if(showGroups) { %> <% allocation = Math.floor(100 / groups.length) %>
    <% groups.each(function(group, groupIndex) { %>
  1. <%- group.get('name') %> <%- allocation %>%
    2. <% }) %>
<% } %>
<% if(showGroups) { %>
<% if (!_.isEmpty(usage)) { %>

<%- gettext('This Group Configuration is used in:') %>

    <% _.each(usage, function(unit) { %>

  1. ><%- unit.label %>

    <% if (unit.validation) { %>

    <% if (unit.validation.type === 'warning') { %> <% } else if (unit.validation.type === 'error') { %> <% } %> <%- unit.validation.text %>

    <% } %>
    2. <% }) %>
<% } else { %>

<%= HtmlUtils.interpolateHtml( gettext('This Group Configuration is not in use. Start by adding a content experiment to any Unit via the {linkStart}Course Outline{linkEnd}.'), { linkStart: HtmlUtils.interpolateHtml( HtmlUtils.HTML(''), { courseOutlineUrl: courseOutlineUrl, courseOutlineTitle: gettext('Course Outline')}), linkEnd: HtmlUtils.HTML('') }) %>

<% } %>
<% } %>