<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'>

      <strong>{{ item.title }}</strong> - {{item.interviewer}}

      <div class="description">

        {{item.description}}

      </div>

    </div>

  {{/each}}

</div>