<div class="result-header">
  <h2>This is the results</h2>
  <p>
    Tags:
    {{#if location}}
      <span>{{location}}<button {{action 'deleteTag' 'location'}}>✗</button></span>
    {{/if}}
    {{#if langue}}
      <span>{{langue}}<button {{action 'deleteTag' 'langue'}}>✗</button></span>
    {{/if}}
    {{#if discours}}
      <span>{{discours}}<button {{action 'deleteTag' 'discours'}}>✗</button></span>
    {{/if}}
    {{#if date}}
      <span>{{date}}<button {{action 'deleteTag' 'date'}}>✗</button></span>
    {{/if}}
    {{#if thematique}}
      <span>{{thematique}}<button {{action 'deleteTag' 'thematique'}}>✗</button></span>
    {{/if}}
  </p>
</div>
<div class='result-list'>
  {{#each filteredSounds as |item| }}
    <div id="{{item.id}}" {{action "details" item}} class='result-item'>
      <span class="play-icon" {{action 'play' item}}>play</span>
      <strong>{{ item.title }}</strong> - {{item.interviewer}}
      <div class="description">
        {{item.description}}
      </div>
    </div>
  {{/each}}
</div>