<div class="result-header">
  <p>
    Filtres:
    {{#if location}}
      <span class="filters location">{{location}}<span class="fa fa-times" {{action 'deleteTag' 'location'}}></span></span>
    {{/if}}
    {{#if langue}}
      <span class="filters langue">{{langue}}<span class="fa fa-times" {{action 'deleteTag' 'langue'}}></span></span>
    {{/if}}
    {{#if discours}}
      <span class="filters discours">{{discours}}<span class="fa fa-times" {{action 'deleteTag' 'discours'}}></span></span>
    {{/if}}
    {{#if dateIntervals}}
      {{#each dateIntervals as |item| }}
        <span class="filters date" data-dates="{{item}}">{{interval item}}<span class="fa fa-times" {{action 'deleteTag' 'date' item }}></span></span>
      {{/each}}
    {{/if}}
    {{#if thematique}}
      <span class="filters thematique">{{thematique}}<span class="fa fa-times" {{action 'deleteTag' 'thematique'}}></span></span>
    {{/if}}
  </p>
</div>

<div class='result-list'>
  {{#each filteredDocuments as |item| }}
    <div id="{{item.id}}" {{action "showMore" item}} class='result-item'>
      <span class="playing-indicator fa fa-play-circle fa-lg fa-fw pull-right" {{action 'play' item}}></span>
      <strong>{{ item.title }}</strong>
      <div class="description">
        {{doc-language url=item.language}}
      </div>
      <div class="hidden-elt">
        <button class="pull-right" {{action 'toggleModal' item}}>Details</button>
      </div>
    </div>
  {{/each}}
</div>