{% block body %}
    <form method="post" name="filtre_fournisseur" id="filtre_fournisseur">
        <input type="hidden" name="filter_INV_PART" id="filter_INV_PART" value="{{ post.filter_INV_PART }}"/>
        <div>
            <ul class="nav nav-tabs sous_onglet sous_onglet_filter" id="filterTab">
                <li class="active" id="tab_filter">
                    <a data-toggle="tab" href="#filtre">{{ 'Filtres' | trad }}</a>
                </li>
                <li id="tab_advance">
                    <a data-toggle="tab" href="#filtreAdvance">{{ 'Filtres complémentaires' | trad }}</a>
                </li>
                <li id="tab_campagne">
                    <a data-toggle="tab" href="#filtresCampagne">{{ 'Filtres de campagne' | trad }}</a>
                </li>
            </ul>
            {{ initTabFilter(post, 'filterTab') }}
        </div>
        <div class="tab-content">
            <div id="filtre" class="tab-pane active in clearfix box-form">
                <div class="filtre first">
                    {{ inputSelect('Short list' | trad, "filter_typeFourniss", tabTypeFourniss, post.filter_typeFourniss , 
                    (tabTypeFourniss | length>1? '':'disabled'),'','','','','','',false,'','','true' ) }}
                </div>
                <div class="filtre">
                    {{ inputSelect('Validité' | trad, "filter_valid", listeEtat, post.filter_valid,'','','','','','','',false,'','','true' ) }}
                </div>
                <div class="filtre last">
                    {{ inputText('Recherche' | trad , 'filter_recherche', post.filter_recherche,'','','','','','','','','','','','','true') }}
                </div>
                <button type="submit" class="principal button btn_filtre last button_right">
                    {{ 'Filtrer' | trad }}
                </button>
                <button class="secondaire button ajout button_right " id="buttonCollapseFA" data-toggle="collapse" href="#filtre_avances">
                    {{ 'Filtres avancés' | trad }}
                </button>
                <input type="hidden" id="retract" value="{{'Retracter' | trad}}">
                <input type="hidden" id="advancedFilters" value="{{ 'Filtres avancés' | trad }}">
            </div>
            <div id="filtreAdvance" class="tab-pane fade clearfix box-form">
                <div class="filtre first">
                    <div class="row">
                        {{ inputAdvance('ZOOM',{
                            'titre' : 'Sous-famille' | trad,
                            'name'  : 'filter_sousFamille',
                            'pahtZoom' : path('Ajax.liste.sousFamille'),
                            'titleZoom' : 'Liste des sous-familles' | trad,
                            'pathValidator' : path('Ajax.validator.zoom'),
                            'paramsValidator' : "{'entity' : 'SousFamille','nomChamp' : '"~ 'Sous-famille' | trad ~"', 'null' : true}",
                            'Entity' : 'SousFamille',
                            'value' :  infoPagination.filter.filter_sousFamille,
                            'bulle' :  'true'
                        }) }}
                    </div>
                </div>
                <div class="filtre">
                    <div class="row">
                        {{ inputAdvance('ZOOM',{
                        'titre' : 'Mots clés' | trad,
                        'name'  : 'filter_motclef',
                        'pahtZoom' : path('Ajax.liste.motClef'),
                        'titleZoom' : 'Liste des mots clés' | trad,
                        'Entity' : 'MotClef',
                        'value' :  infoPagination.filter.filter_motclef,
                        'bulle' :  'true'
                    }) }}
                    </div>
                </div>
                <div class="filtre">
                    <div class="row">
                        {{ inputAdvance('ZOOM',{
                        'titre' : 'Article' | trad,
                        'name'  : 'filter_article',
                        'pahtZoom' : path('Ajax.liste.articles'),
                        'titleZoom' : 'Liste des articles' | trad,
                        'Entity' : 'Articles',
                        'value' :  infoPagination.filter.filter_article,
                        'bulle' :  'true'
                    }) }}
                    </div>
                </div>
                <div class="filtre last">
                    <div class="row">
                        {{ inputAdvance('ZOOM',{
                        'titre' : 'Type d\'achat' | trad,
                        'name'  : 'filter_typeAchat',
                        'pahtZoom' : path('Ajax.liste.typeAchat'),
                        'titleZoom' : 'Liste des types d\'achat' | trad,
                        'Entity' : 'TypeAchat',
                        'value' :  infoPagination.filter.filter_typeAchat,
                        'bulle' :  'true'
                    }) }}
                    </div>
                </div>
                <div class="filtre first">
                    <div class="row">
                        {{ inputAdvance('ZOOM',{
                        'titre' : 'Domaine de comp.' | trad,
                        'name' : 'filter_DOMAINE',
                        'pahtZoom' : path('Ajax.liste.domaineCompetence'),
                        'titleZoom' : 'Liste des domaines de compétence' | trad,
                        'Entity' : 'DomaineCompetence',
                        'value' :  infoPagination.filter.filter_DOMAINE,
                        'bulle' :  'true'
                    }) }}
                    </div>
                </div>
                {% if listFilterPartenaireChoice is not empty %}
                    <div class="filtre">
                        <div class="row">
                            {{ inputAdvance('SELECT',{
                        'titre' : 'Partenaire' | trad,
                        'name'  : 'filter_PARTENAIRE',
                        'value' :  infoPagination.filter.filter_PARTENAIRE,
                        'bulle' :  'true',
                        'listeValue' : listFilterPartenaireChoice,
                        'optionVide' : true,
                    }) }}
                        </div>
                    </div>
                {% endif %}
                <div class="filtre">
                    <div class="row">
                        {{ inputAdvance('SELECT',{
                        'titre' : 'Rattaché à un partenaire ?' | trad,
                        'name' : 'RAT_PART',
                        'value' :  infoPagination.filter.RAT_PART,
                        'listeValue' : {
                            '' : '',
                            'API' : 'Oui' | trad,
                            'NON' : 'Non' | trad,
                        }
                    }) }}
                    </div>
                </div>
                <button type="submit" class="principal button btn_filtre last button_right" style="margin-top:10px;">{{ 'Filtrer' | trad }}</button>
                <button class="secondaire button ajout button_right " id="buttonCollapseFA" data-toggle="collapse" href="#filtre_avances" style="margin-top:10px;">
                    {{ 'Filtres avancés' | trad }}
                </button>
                <input type="hidden" id="retract" value="{{'Retracter' | trad}}">
                <input type="hidden" id="advancedFilters" value="{{ 'Filtres avancés' | trad }}">
            </div>
            <div
                class="tab-pane fade clearfix box-form" id="filtresCampagne">
                {# filtres Chiffre d'affaires #}
                <fieldset class="scheduler-border tableNote">
                    <legend class="scheduler-border tableNote">{{ 'Chiffre d\'affaires' | trad }}</legend>
                    <div class="filtre filtre3 last">
                        <div class="row">
                            {{ inputAdvance('ZOOMADVANCE', {
                                'titre'             : 'Période' | trad ~ ' :',
                                'name'              : 'turnover_year',
                                'value'             : post.turnover_year,
                                'placeholder'       : 'Choisissez une période' | trad,
                                'pahtZoom'          : path('Ajax.liste.periodes'),
                                'paramZoom'         : "{}",
                                'entity'            : 'Periodes',
                                'titleZoom'         : 'Liste des périodes' | trad,
                                'pathConvert'       : path('Ajax.outil.convertLibelle'),
                                'convertLibelle'    : 'convertLibelleGlobal',
                            }) }}
                        </div>
                    </div>
                    {# filtre CA déclaré #}
                        <div class="row" style="margin: 0 0 0 0;">
                            <div class="filtre filtre3 last">
                                <div class="row">
                                    {{ inputAdvance('SELECT', {
                                        'titre'             : 'CA déclaré' | trad ~ ' :',
                                        'name'              : 'declared_turnover_rule',
                                        'value'             : post.declared_turnover_rule,
                                        'listeValue'        : turnoverRules,
                                        'addStyle'          : 'numeric_rule'
                                    }) }}
                                </div>
                            </div>
                            <div class="filtre filtre3 filtre_double">
                                <div class="row">
                                    {{ inputText(
                                        '', 
                                        'declared_turnover_min_value',
                                        post.declared_turnover_min_value,
                                        'Montant' | trad,
                                        params.CODE_CDC_LOCK ? 'DISABLED' : '', '', '',
                                        false,
                                        '', 'input_value', 'display: none;',
                                        false, '', '', '', '', '', '', '', '', '', 
                                        true,
                                    ) }}
                                    {{ inputText(
                                        '', 
                                        'declared_turnover_max_value',
                                        post.declared_turnover_max_value,
                                        'Montant' | trad,
                                        params.CODE_CDC_LOCK ? 'DISABLED' : '', '', '',
                                        false,
                                        '', 'max_value', 'display: none;',
                                        false, '', '', '', '', '', '', '', '', '', 
                                        true,
                                    ) }}
                                </div>
                            </div>
                        </div>
                    {# filtre CA généré #}
                        <div class="row" style="margin: 0 0 0 0;">
                            <div class="filtre filtre3 last">
                                <div class="row">
                                    {{ inputAdvance('SELECT', {
                                        'titre'             : 'CA généré' | trad ~ ' :',
                                        'name'              : 'generated_turnover_type',
                                        'value'             : post.generated_turnover_type,
                                        'listeValue'        : turnoverTypes,
                                        'addStyle'          : ''
                                    }) }}
                                </div>
                            </div>
                            <div class="filtre filtre3 filtre_double">
                                <div class="row">
                                    {{ inputSelect(
                                        '',
                                        'generated_turnover_rule',
                                        numericRules,
                                        post.generated_turnover_rule,
                                        params.CODE_CDC_LOCK ? 'DISABLED' : '',
                                        '',
                                        '',
                                        false,
                                        '',
                                        '[]',
                                        'numeric_rule',
                                        false, '', false, false, '', '', '', '', '', 'display: none;'
                                    ) }}
                                    {{ inputText(
                                        '', 
                                        'generated_turnover_min_value',
                                        post.generated_turnover_min_value,
                                        'Montant' | trad,
                                        params.CODE_CDC_LOCK ? 'DISABLED' : '', '', '',
                                        false,
                                        '', 'input_value', 'display: none;',
                                        false, '', '', '', '', '', '', '', '', '', 
                                        true,
                                    ) }}
                                    {{ inputText(
                                        '', 
                                        'generated_turnover_max_value',
                                        post.generated_turnover_max_value,
                                        'Montant' | trad,
                                        params.CODE_CDC_LOCK ? 'DISABLED' : '', '', '',
                                        false,
                                        '', 'max_value', 'display: none;',
                                        false, '', '', '', '', '', '', '', '', '', 
                                        true,
                                    ) }}
                                </div>
                            </div>
                        </div>
            </fieldset>

        {# filtres Documents #}
            <fieldset class="scheduler-border tableNote">
                <legend class="scheduler-border tableNote">{{ 'Documents' | trad }}</legend>
                {# filtre Appel d'offres #}
                    <div class="filtre filtre3 last">
                        <div class="row">
                            {{ inputAdvance('SELECT', {
                                'titre' : 'Appels d\'offres' | trad ~ ' :',
                                'name' : 'tenders_filters',
                                'value' : post.tenders_filters,
                                'listeValue' : documentRules,
                            }) }}
                        </div>
                    </div>
                    <div class="filtre filtre_double last">
                        <div class="row">
                            {{ inputSelect(
                                '',
                                'tenders_rule',
                                numericRules,
                                post.tenders_rule,
                                params.CODE_CDC_LOCK ? 'DISABLED' : '',
                                '',
                                '',
                                false,
                                '',
                                '[]',
                                'numeric_rule',
                                false,
                            ) }}
                            {{ inputText(
                                '', 
                                'tenders_min_value',
                                post.tenders_min_value,
                                'Nombre' | trad,
                                params.CODE_CDC_LOCK ? 'DISABLED' : '', '', '',
                                false,
                                '', 'min_value', 'display: none;',
                                false, '', '', '', '', '', '', '', '', '', 
                                true,
                            ) }}
                            {{ inputText(
                                '', 
                                'tenders_max_value',
                                post.tenders_max_value,
                                'Nombre' | trad,
                                params.CODE_CDC_LOCK ? 'DISABLED' : '', '', '',
                                false,
                                '', 'max_value', 'display: none;',
                                false, '', '', '', '', '', '', '', '', '', 
                                true,
                            ) }} 
                        </div>
                    </div>
                {# filtre commandes #}
                <div class="filtre filtre3 last">
                    <div class="row">
                        {{ inputAdvance('SELECT', {
                            'titre' : 'Commandes' | trad ~ ' :',
                            'name' : 'orders_filters',
                            'value' : post.orders_filters,
                            'listeValue' : documentRules,
                        }) }}
                    </div>
                </div>
                <div class="filtre filtre_double last">
                    <div class="row">
                        {{ inputSelect(
                            '',
                            'orders_rule',
                            numericRules,
                            post.orders_rule,
                            params.CODE_CDC_LOCK ? 'DISABLED' : '',
                            '',
                            '',
                            false,
                            '',
                            '[]',
                            'numeric_rule',
                            false, 
                        ) }}
                        {{ inputText(
                            '', 
                            'orders_min_value',
                            post.orders_min_value,
                            'Nombre' | trad,
                            params.CODE_CDC_LOCK ? 'DISABLED' : '', '', '',
                            false,
                            '', 'min_value', 'display: none;',
                            false, '', '', '', '', '', '', '', '', '', 
                            true,
                        ) }}
                        {{ inputText(
                            '', 
                            'orders_max_value',
                            post.orders_max_value,
                            'Nombre' | trad,
                            params.CODE_CDC_LOCK ? 'DISABLED' : '', '', '',
                            false,
                            '', 'max_value', 'display: none;',
                            false, '', '', '', '', '', '', '', '', '', 
                            true,
                        ) }} 
                    </div>
                </div>
                {# filtre factures #}
                <div class="filtre filtre3 last">
                    <div class="row">
                        {{ inputAdvance('SELECT', {
                            'titre' : 'Factures' | trad ~ ' :',
                            'name' : 'invoices_filters',
                            'value' : post.invoices_filters,
                            'listeValue' : documentRules,
                        }) }}
                    </div>
                </div>
                <div class="filtre filtre_double last">
                    <div class="row">
                        {{ inputSelect(
                            '',
                            'invoices_rule',
                            numericRules,
                            post.invoices_rule,
                            params.CODE_CDC_LOCK ? 'DISABLED' : '',
                            '',
                            '',
                            false,
                            '',
                            '[]',
                            'numeric_rule',
                            false,
                        ) }}
                        {{ inputText(
                            '', 
                            'invoices_min_value',
                            post.invoices_min_value,
                            'Nombre' | trad,
                            params.CODE_CDC_LOCK ? 'DISABLED' : '', '', '',
                            false,
                            '', 'min_value', 'display: none;',
                            false, '', '', '', '', '', '', '', '', '', 
                            true,
                        ) }}
                        {{ inputText(
                            '', 
                            'invoices_max_value',
                            post.invoices_max_value,
                            'Nombre' | trad,
                            params.CODE_CDC_LOCK ? 'DISABLED' : '', '', '',
                            false,
                            '', 'max_value', 'display: none;',
                            false, '', '', '', '', '', '', '', '', '', 
                            true,
                        ) }} 
                    </div>
                </div>
            </fieldset>

        {# boutons et filtres avancés #}
        <div class="filtreBtn" style="margin-top: 10px;">
            <button class="principal button btn_filtre last button_right" onclick="refrechDiv('{{ path('Evaluation.Campaign.supplierList',{id:campaign.ID_CAMP}) }}', 'divRefreshFrs', 'filtre_fournisseur');return false;">{{ 'Filtrer' | trad }}</button>
                    <button class="secondaire button ajout button_right" id="buttonCollapseFA" data-toggle="collapse" href="#filtre_avances">
                        {{  'Filtres avancés' | trad }}
                    </button>
                    {# <a class="secondaire button button_right" id="reset_filters" onclick="clearFilters();">
                        {{  'Réinitialiser' | trad }}
                    </a> #}
                    <input type="hidden" id="retract" value="{{'Retracter' | trad}}">
                    <input type="hidden" id="advancedFilters" value="{{ 'Filtres avancés' | trad }}">
                </div>
            </div>
        </div>
        <div id="filtre_avances" class="collapse clearfix">
            {{ filtreAvance(post, filtreAvance, initFiltreAvance) }}
        </div>
        <div class="resultat_filtre">
            {{ bullFiltre(post, 'filtre_fournisseur') }}
        </div>
    </form>
    <script>
        $('#input_generated_turnover_type').change(function(){
            if ($(this).val() == '') {
                $('#input_generated_turnover_rule').hide();
            } else {
                $('#input_generated_turnover_rule').show();
            }
        })
        $('.numeric_rule').change(function(){
            let id_min = '#' + $(this).attr('id').slice(0, -5) + '_min_value';
            let id_max = '#' + $(this).attr('id').slice(0, -5) + '_max_value';
            if ($(this).val() == 'B') {
                $(id_min).show();
                $(id_max).show();
            } else if ($(this).val() != '') {
                $(id_min).show();
                $(id_max).hide();
            } else {
                $(id_min).hide();
                $(id_max).hide();
            }
        })
        $(window).on('load', function(){
            clearFilters();
        });
        function clearFilters() {
            $(':input','#filtre_standard')
                .not(':button, :submit, :reset, :hidden')
                .val('')
                .prop('checked', false)
                .prop('selected', false);
            $('#input_generated_turnover_rule').hide();
            $('.max_value').hide();
            $('.min_value').hide();
            $('.input_value').hide();
        }
    </script>
        <style>
        #show_filters {
            margin: 10px 0 0 !important;
        }

        form .filtre3 {
            width: 33% !important;
        }

        form .filtre_double {
            width: 66.3% !important;
        }

        form .filtre-full {
            width: 99.55% !important;
        }

        form .input_value {
            margin-right: 2% !important;
        }

        form .filtre_double select {
            float: left;
            width: 30% !important;
            margin: 0 20px 0 0 !important;
        }

        form .filtre-full select {
            float: left;
            width: 17.55% !important;
        }

        form .filtre-full label {
            float: left;
            width: 13.2% !important;
            margin-right: 1% !important;
        }

        form .filtre_double input {
            float: left;
            width: 30% !important;
            margin: 0 20px 0 0 !important;
        }

        form .filtre-full input {
            float: left;
            width: 20.475% !important;
        }
    </style>
{% endblock %}
