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