    
    <button class="button principal" type="button" onClick="$('#filter_recherche').submit();">{{ 'Filtrer' |trad}}</button>
    <button class="button secondaire" type="button" style="margin-top:5px;" onClick="resetFilter();">{{ 'Désactiver filtres' |trad}}</button>
    {# <button class="button secondaire" type="button" style="margin-top:5px;" onClick="">{{ 'Désactiver zones géographiques' |trad}}</button> #}
    
    <hr>
    
    {% for key, pannel in tadPannel %}
        {% if arrayPannel[key] %}
            <div class="clearfix" style="position:relative;">
                <p class="colorUser">{{ pannel }}</p>
                <ul>
                    {% for subPannel in arrayPannel[key] %}
                    <li>
                        <div>
                            <input style="margin-right:10px;" {% if post['pannel'~spliter()~key~spliter()~subPannel.code] %}checked{% endif %}  type="checkbox" name="pannel{{ spliter() }}{{key}}{{ spliter() }}{{subPannel.code}}" class="checkbox checkboxPannel"/> 
                        </div>
                        <span id="test{{loop.index}}" class="pannel ref white-tooltip link-tooltip" {{ generateDataTooltips('right', subPannel.valeur~(subPannel.complement? ' - '~subPannel.complement:'')) }} onClick="clickPannel('pannel{{ spliter() }}{{key}}{{ spliter() }}{{subPannel.code}}');">{{ subPannel.valeur }} {% if subPannel.complement %}- {{ subPannel.complement }}{% endif %}</span>
                        <span class="count">({{ subPannel.Nombre }})</span>
                    </li>
                    {% endfor %}
                <ul>
            </div>
                {% if loop.last != loop.index %}
                    <hr>
                {% endif %}
        {% endif %}
    {% endfor %}

    <hr>

    <div class="row">
        {{ inputAdvance('DEVISE', {
            titre   : 'Prix mini.' |trad, 
            name    : 'min_prix',
            numerique: true,
            pathValidator: path('Ajax.validator.float'),
            paramsValidator: "{'nomChamp' : '"~ 'Prix mini.' | trad ~"', 'format' : "~getConst('formatMontant')~"}",
            value   : post.min_prix
        }) }}
    </div>
    <div class="row">
        {{ inputAdvance('DEVISE', {
            titre   : 'Prix max.' |trad, 
            name    : 'max_prix',
            numerique: true,
            pathValidator: path('Ajax.validator.float'),
            paramsValidator: "{'nomChamp' : '"~ 'Prix max.' | trad ~"', 'format' : "~getConst('formatMontant')~"}",
            value   : post.max_prix
        }) }}
    </div>

    {% if arrayCarSelect %}
        <hr>
        {% for param in paramCarSelect %}
            {% if arrayCarSelect[param['COD_CAR']] %}
                <div class="clearfix" style="position:relative;">
                    <p>{{ param['TITRE_CAR'] }}</p>
                    <ul>
                        {% for carSelect in arrayCarSelect[param['COD_CAR']] %}
                        <li>
                            <div>
                                <input style="margin-right:10px;"  type="checkbox" {% if post['carac'~spliter()~carSelect.code] %}checked{% endif %}  id="carac{{ spliter() }}{{ carSelect.code }}" data-value="{{ carSelect.valueSql }}" class="checkbox checkboxPannel checkboxCarac"/> 
                            </div>
                            <span class="pannel ref" onClick="clickCarac('carac{{ spliter() }}{{carSelect.code}}');">{{ carSelect.valeur }}</span>
                            <span class="count">({{ carSelect.Nombre }})</span>
                        </li>
                        {% endfor %}
                    <ul>
                </div>
                {% if loop.last != loop.index %}
                    <hr>
                {% endif %}
            {% endif %}
        {% endfor %}
    {% endif %}
    
    <script>
        $('.checkboxCarac').change(function(){
            var value = $(this).data('value');
            var id = $(this).attr('id');
    
            if ($(this).is(':checked')) {
                $('#divCaracSelect').append( "<input type=\"hidden\" name=\""+id+"\" id=\""+id+"\" value=\""+value+"\"/>");
            } else {
                $('#'+id+'').remove();
            }
        });
    </script>