%div.sixteen.columns.alpha#loading{ 'ng-if' => 'RequestMonitor.loading' }
  %br
  %img.spinner{ src: "/assets/spinning-circles.svg" }
  %h1= t('.title')

%div.sixteen.columns.alpha{ 'ng-show' => '!RequestMonitor.loading && products.length == 0 && query.length==0' }
  %h1#no_results= t('.no_products')

%div.sixteen.columns.alpha{ 'ng-show' => '!RequestMonitor.loading && products.length == 0 && query.length!=0' }
  %h1#no_results
    = t('.no_results')
    '
    {{query}}
    '