<div class="row">
  <div class="col col-12 sm-col-12">
    <% if (hasActiveFilters) { %>
        <span id="active-filters-title"><%- activeFiltersTitle %></span>
        <ul class="active-filters list-inline" aria-describedby="active-filters-title">
            <% _.each(activeFilters, function (filter) { %>
                <li class="filter filter-<%- filter.filterKey %>">
                    <button class="action-clear-filter btn btn-default" data-filter-key="<%- filter.filterKey %>" data-filter-name="<%- filter.name %>">
                        <%- filter.displayName %> &nbsp; <span class="fa fa-times" aria-hidden="true"></span>
                        <span class="sr-only"><%- removeFilterMessage %></span>
                    </button>
                </li>
            <% }); %>

            <li>
                <button class="action-clear-all-filters btn btn-link">
                    <%- clearFiltersMessage %>
                    <span class="sr-only"><%- clearFiltersSrMessage %></span>
                </button>
            </li>
        </ul>
    <% } else { %>
    &nbsp;
    <% } %>
    <div class="num-results-sr sr-only"></div>
  </div>
</div>
