
<!-- header -->
<div>
  <h2 class="smartList__header">{{header}}</h2>
</div>

<!-- filter list -->
{{#ifCond searchType "==" "tags"}}
	{{#if tagFilters}}
		<ul class="filter">
			<li data-tag="All">All</li>
			{{#each allTagList}}
				<li data-tag="{{this}}">{{this}}</li>
			{{/each}}
		</ul>
	{{/if}}
{{/ifCond}}

{{#with hits}}
  <!-- Outer div of card group -->
  <div class="card-deck" {{#ifCond ../searchType '=='  'adobeTarget'}}data-adobetargetresultsretrieve="{{../adobeTargetResultsRetrieve}}"{{/ifCond}}>
    {{#each hit}}
        <div class="card">
          {{#if fields.path}}
          <!-- Cloudsearch has shortened_path, however target doesn't -->
          <a href="{{#if fields.shortened_path }}{{fields.shortened_path}}{{else}}{{fields.path}}{{/if}}{{#ifCond @root.extensions "||" @root.authorMode}}.html{{/ifCond}}">
          {{/if}}
          <!--  Card top background image-->
          {{#if fields.thumbnail_image}}
            {{#ifCond fields.thumbnail_image "===" "null"}}
              <div class="card-img-wrapper text-center image-placeholder"></div>
            {{else}}
              <div class="card-img-wrapper text-center">
                <img data-src="{{fields.thumbnail_image}}" class="card-img-top lazyload">
              </div>
            {{/ifCond}}
          {{else}}
            <div class="card-img-wrapper text-center image-placeholder"></div>
          {{/if}}
          <!-- Card body text-->
          <div class="card-body">
            {{#if fields.title}}
              <h5 class="card-title">{{fields.title}}</h5>
            {{/if}}

            {{#if fields.sub_title}}
              <p class="card-bodyText">{{fields.sub_title}}</p>
            {{/if}}
            {{#if fields.published_date}}
              <p class="publish-date card-addText ">{{{fields.published_date}}}</p>
            {{/if}}
          </div>
          <!-- end fields.path -->
          {{#if fields.path}}
          </a>
          {{/if}}
        </div>
    {{/each}}
    <div class="show-more">
      <button class="btn btn-primary more-button"><%Show More%> <i class="icn-show-more"></i></button>
      <button class="btn btn-primary less-button"><%Show Less%> <i class="icn-show-less"></i></button>
    </div>
  </div>
{{/with}}
