{{#if values}}
    <div class="panel-group">
        <div class="panel panel-default">
            <div class="panel-heading">
                <a href="#collapseListGroup{{id}}" data-toggle="collapse">
                    {{label}}
                </a>
            </div>
            <div id="collapseListGroup{{id}}" class="panel-collapse in">
                <ul class="list-group" data-id="{{id}}">
                {{#each values}}
                    <li class="list-group-item {{id}}_{{value}}">
                        <label>
                            {{helper_formTemplate 'elements/checkbox' name=id value=value}} {{label}} <span class="filter-total">({{total}})</span>
                        </label>
                        {{#if info}}
                            <div class="info-popup pull-right hidden-xs hidden-sm" data-target="#info_{{info.id}}"><i class="fa fa-info-circle" aria-hidden="true"></i></div>
                            <div id="info_{{info.id}}" class="hidden">
                                <div class="container info-popup-cont">
                                    <div class="row">
                                        {{#if info.image}}
                                            <div class="col-xs-4 info-popup-img">
                                                <img src="{{info.image}}" alt="{{info.title}}" class="img-responsive" />
                                            </div>
                                        {{/if}}
                                        <div class="col-xs-8 info-popup-text">
                                            <h3>{{info.title}}</h3>
                                            <p>{{info.description}}</p>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-xs-12 info-popup-footer">
                                            Kenmerken afhankelijk van het model, afbeelding dient als voorbeeld
                                        </div>
                                    </div>
                                </div>
                            </div>
                        {{/if}}
                    </li>
                {{/each}}
                </ul>
            </div>
        </div>
    </div>
{{else}}
    {{#if range}}
        <div class="panel-group">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <a href="#collapseListGroup{{id}}" data-toggle="collapse">
                        {{label}}
                    </a>
                </div>
                <div id="collapseListGroup{{id}}" class="panel-collapse in">
                    <div class="panel-body">
                        <div class="rangeslider-cont">
                            <div class="rangeslider" data-min="{{range.min}}" data-max="{{range.max}}"></div>
                            <input type="text" class="rangeslider-min" />
                            <input type="text" class="rangeslider-max" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
    {{/if}}
{{/if}}