angular.haml

  .wrapper
    .cruise-experts-brochure{ role: "main" }
      .container(ng-controller="BrochureCtrl")
        .search-area
          %h3= @widget.look_feel['header_text']
          %form#search
            %input(type="text" placeholder="#{@widget.look_feel['search_box_placeholder_text']}" ng-model="criteria")
            %button(type="submit")
              %i.fa.fa-search.fa-2
        .brochures
          .shelf(ng-if="groupedData.length > 0" ng-repeat="group in groupedData | startFrom:currentPage*maxGroupsPerPage | limitTo:maxGroupsPerPage")
            %ul
              %li.popup(ng-repeat="item in group")
                %a(href="{{item.href}}" title="{{item.name}}")
                  %img(ng-src="{{item.thumbnail}}" alt="{{item.name}}")