<h3 class="c-subtitle c-subtitle--search {{this.labelClass}}">Top results in Stocks, EFTS and Commodities</h3>
<div class="c-search__results {{this.tableClass}}">
  {{#each results}}
  <div class="c-search__item">
    <a class="c-search__link" href="#">
      <div class="c-search__col c-search__col--symbol">
        <span class="u-visually-hidden">Stock Symbol:</span> {{this.symbol}}
      </div>
      <div class="c-search__col c-search__col--name">
        <span class="u-visually-hidden">Stock Name:</span> {{this.name}}
      </div>
      <div class="c-search__col c-search__col--security">
        <span class="u-visually-hidden">Security Type:</span> {{this.security}}
      </div>
      <div class="c-search__col c-search__col--flag">
        {{#if this.flag}}
        <span class="u-visually-hidden">
          Security Location: {{#ifCond this.flag "==" "can"}}Canada{{else ifCond this.flag "==" "usa"}}USA{{/ifCond}}
        </span>
        <svg class="c-search__col__flag" role="img" pointer-events="none" focusable="false" aria-hidden="true">
          <use xlink:href="{{generatedSvgSpritePath}}#flag-{{this.flag}}"></use>
        </svg>
        {{/if}}
      </div>
    </a>
  </div>
  {{/each}}
</div>
