{{#if facets.genre}}

    <h4>GENRE:</h4>
    <div class="facets">
        <ul class="list-group">
            {{#each facets.genre}}
                <li class="list-group-item facet {{selectFacet @key 'genre' ../selectedFacets}}" data-facetName="genre" data-facetValue="{{@key}}">
                    {{@key}} {{#unless ../facets.isBrowse}}({{this}}){{/unless}}
                </li>
            {{/each}}
        </ul>
    </div>

    {{!-- Displayed when genre is selected  --}}
    {{#if selectedFacets.genre}}
        {{#if facets.subgenre}}
            <h4 data-facetName="genre">SUBGENRE:</h4>
            <div class="facets">
                    <ul class="list-group">
                    {{#each facets.subgenre}}
                        <li class="list-group-item facet {{selectFacet @key 'subgenre' ../selectedFacets}}" data-facetName="subgenre" data-facetValue="{{@key}}">
                            {{@key}} {{#unless ../facets.isBrowse}}({{this}}){{/unless}}
                        </li>
                    {{/each}}
                </ul>
            </div>
        {{/if}}
    {{/if}}

{{/if}}

{{#if facets.release_date}}
<h4>RELEASE DATE:</h4>

<div class="facets">
    <ul class="list-group">
        {{#each facets.release_date}}
            <li class="list-group-item facet {{selectFacet @key 'release_date' ../selectedFacets}}" data-facetName="release_date" data-facetValue="{{@key}}">
                {{@key}} {{#unless ../facets.isBrowse}}({{this}}){{/unless}}
            </li>
        {{/each}}
    </ul>
</div>
{{/if}}

{{#if facets.format}}
    <h4>FORMAT:</h4>

    <div class="facets">
        <ul class="list-group">
        {{#each facets.format}}
            <li class="list-group-item facet {{selectFacet @key 'format' ../selectedFacets}}" data-facetName="format" data-facetValue="{{@key}}">
                {{@key}} {{#unless ../facets.isBrowse}}({{this}}){{/unless}}
            </li>
        {{/each}}
        </ul>
    </div>
{{/if}}