<div class="tab-content">
    <div id="reception" class="tab-pane active in clearfix box-form">
        <div class="filtre">
            <div class="row">
                {{ inputAdvance('SELECT', {
                    'titre': 'Réceptions attendues' | trad,
                    'name': 'filter_RECEPTION',
                    'listeValue': listReceptionAttendues,
                    'value': infoPagination.filter.filter_RECEPTION,
                    'bulle': true
                }) }}
            </div>
        </div>
        <div class="filtre">
            <div class="row">
                {{ inputAdvance('ZOOMADVANCE', {
                    'titre' : 'Société' | trad,
                    'name'  : 'filter_CODE_STE',
                    'value' :  infoPagination.filter['filter_CODE_STE'],
                    'pahtZoom' : path('Ajax.liste.societe'),
                    'paramZoom' : "{}",
                    'entity' : 'Societe',
                    'titleZoom' : 'Liste des sociétés' | trad,
                    'pathConvert' : path('Ajax.outil.convertLibelle'),
                    'convertLibelle' : 'convertLibelleGlobal',
                    'pathValidator' : path('Ajax.validator.zoom'),
                    'paramsValidator' : "{'entity' : 'Societe', 'nomChamp' : '"~ 'Société' | trad ~"', 'null' : true}",
                    'bulle': true,
                    'addStyle': 'no-empty',
                    'option' : userMonoSociete ? 'DISABLED' : '',
                }) }}
            </div>
        </div>
        <div class="filtre">
            <div class="row">
                {{ labelCreateur({
                    'name' : 'filter_CTR_EMETT',
                    'code' : centreEmetteur,
                    'libelle' : centreEmetteur | centreTrad,
                    'titre' : 'Centre émetteur' | trad,
                    'textTooltip' : 'Filtrer sur mon centre émetteur' | trad,
                    'orientation' : 'top-left',
                    'form' : 'filtre_commande',
                }) }}
                {{ inputAdvance('ZOOMADVANCE', {
                    'name' : 'filter_CTR_EMETT',
                    'value' : infoPagination.filter.filter_CTR_EMETT,
                    'bulle': true,
                    'pahtZoom' : path('Ajax.liste.centreEmetteur'),
                    'paramZoom' : "{'code_ste' : document.getElementById('input_filter_CODE_STE').value }",
                    'entity' : 'Centre',
                    'titleZoom' : 'Liste des centres' | trad,
                    'pathConvert' : path('Ajax.outil.convertLibelle'),
                    'convertLibelle' : 'convertLibelleGlobal',
                    'pathValidator' : path('Ajax.validator.zoom'),
                    'paramsValidator' : "{'entity' : 'Centre','nomChamp' : '"~'Centre émetteur' | trad |e('js')|raw~"', 'null' : true, 'post' : {'filter_EMISSION' : 'T', 'filter_CODE_STE' : '"~post.filter_societe~"'}}",
                }) }}
            </div>
        </div>
        <div class="filtre">
            <div class="row">
                {{ inputAdvance('ZOOMADVANCE', {
                    'titre' : 'Centre de livraison' | trad,
                    'name' : 'filter_CTR_LIV',
                    'pahtZoom' : path('Ajax.liste.centreLivraison'),
                    'paramZoom' : "{'code_ste' : document.getElementById('input_filter_CODE_STE').value }",
                    'entity' : 'Centre',
                    'titleZoom' : 'Liste des centres' | trad,
                    'pathConvert' : path('Ajax.outil.convertLibelle'),
                    'convertLibelle' : 'convertLibelleGlobal',
                    'pathValidator' : path('Ajax.validator.zoom'),
                    'paramsValidator' : "{'entity' : 'Centre','nomChamp' : '"~ 'Centre de livraison' | trad ~"', 'post' : {'filter_LIVRAISON' : 'T', 'filter_egal_CODE_STE' : '"~codeSte~"'}}",
                    'value' : infoPagination.filter.filter_CTR_LIV,
                    'bulle': true,
                }) }}
            </div>
            <!-- /.row -->
        </div>
        <!-- /.fitre -->
        <div class="filtre">
            <div class="row">
                    {{ inputSelect('', 'selectOptionSietDirection', listeSiDirection, post.selectOptionSietDirection, droits.CODE_SI_LOCK ? 'DISABLED' : '', '', '', false, 'switchSIetDirectionOptionSelect', '[]', 'full', false) }}
                <span id="spanSi" style="width: 57%; margin-left: 2%; {% if post.selectOptionSietDirection is not null and post.selectOptionSietDirection != 'si' %}display:none{% endif %}">
                    {{ inputAdvance('ZOOMADVANCE', {
                        'name' : 'CODE_SI',
                        'value' : infoPagination.filter.CODE_SI,
                        'pahtZoom' : path('Ajax.liste.si'),
                        'paramZoom' : "{'si_valide': 'on', 'CODE_STE' : document.getElementById('input_filter_CODE_STE').value}",
                        'entity' : 'Sectimpu',
                        'titleZoom' : 'Liste des sections d\'imputation' | trad,
                        'pathConvert' : path('Ajax.outil.convertLibelle'),
                        'pathValidator' : path('Ajax.validator.sectionImputation'),
                        'paramsValidator' : "{'nomChamp' : '"~ 'Section d\'imputation' | trad |e('js')|raw ~"', 'null' : true, 'filter_egal_CODE_STE' : document.getElementById('input_filter_CODE_STE').value}",
                        'codeBDD' : 'CODE_SI',
                        'libelleBDD' : 'LIBELLE',
                        'widthPopup' : 'modal_large',
                        'option' : droits.CODE_SI_LOCK ? 'DISABLED' : '',
                        'valueTexteZoom' : post.CODE_SI_LIBELLE,
                        'codeSte' : infoPagination.filter['filter_CODE_STE'],
                        'faceAttr' : {
                            'data-stelink' : 'input_filter_CODE_STE',
                        },
                        'paramConvertLibelle' : "{'filter_egal_CODE_STE' : document.getElementById('input_filter_CODE_STE').value}"
                    }) }}
                </span>
                <span id="spanDirection" style="width:57%;margin-left: 2%;{% if post.selectOptionSietDirection != 'direction' %}display:none{% endif %}">
                    {{ inputAdvance('ZOOMADVANCE', {
                        'name' : 'filter_CODE_DIR',
                        'value' : infoPagination.filter.filter_CODE_DIR,
                        'pahtZoom' : path('Ajax.liste.directio'),
                        'paramZoom' : "{'si_valide': 'on', 'CODE_STE' : document.getElementById('input_filter_CODE_STE').value}",
                        'entity' : 'Directio',
                        'titleZoom' : 'Liste des directions' | trad,
                        'pathConvert' : path('Ajax.outil.convertLibelle'),
                        'pathValidator' : path('Ajax.validator.direction'),
                        'paramsValidator' : "{'nomChamp' : '"~ 'Direction' | trad ~"', 'null' : true, 'filter_egal_CODE_STE' : document.getElementById('input_filter_CODE_STE').value}",
                        'codeBDD' : 'CODE_DIR',
                        'libelleBDD' : 'LIBELLE',
                        'option' : droits.CODE_SI_LOCK ? 'DISABLED' : '',
                        'valueTexteZoom' : post.CODE_DIR_LIBELLE,
                        'paramConvertLibelle' : "{'filter_egal_CODE_STE' : document.getElementById('input_filter_CODE_STE').value}",
                    }) }}
                </span>
            </div>
        </div>
        <div class="filtre">
            <div class="row">
                {{ inputSelect('', 'SELECT_CDC_NA', listeCdcNa, post.SELECT_CDC_NA, droits.CODE_SI_LOCK ? 'DISABLED' : '', '', '', false, 'switchCDCetNAOptionSelect', '[]', '', false) }}
                <span id="spanCdc" style="width: 57%; margin-left: 2%; {% if post.SELECT_CDC_NA is not null and post.SELECT_CDC_NA != 'cdc' %}display:none{% endif %}">
                    {{ inputAdvance('ZOOMADVANCE', {
                        'name' : 'CODECOMP',
                        'value' : infoPagination.filter.CODECOMP,
                        'pahtZoom' : path('Ajax.liste.cdc'),
                        'paramZoom' : "{'cdc_valide': 'on', 'CODE_STE' : document.getElementById('input_filter_CODE_STE').value}",
                        'entity' : 'codeComp',
                        'titleZoom' : 'Liste des codes complémentaires' | trad,
                        'pathConvert' : path('Ajax.outil.convertLibelle'),
                        'convertLibelle' : 'convertLibelleGlobal',
                        'pathValidator' : path('Ajax.validator.codeComplementaire'),
                        'paramsValidator' : "{'nomChamp' : '"~ 'Code complémentaire' | trad ~"', 'null' : true, 'filter_egal_CODE_STE' : document.getElementById('input_filter_CODE_STE').value}",
                        'codeBDD' : 'CODE_CDC',
                        'libelleBDD' : 'LIBELLE',
                        'widthPopup' : 'modal_large',
                        'option' : params.CODE_CDC_LOCK ? 'DISABLED' : '',
                        'valueTexteZoom' : post.CODE_CDC_LIBELLE,
                        'paramConvertLibelle' : "{'filter_egal_CODE_STE' : document.getElementById('input_filter_CODE_STE').value}",
                        'codeSte' : infoPagination.filter['filter_CODE_STE'],
                        'faceAttr' : {
                            'data-stelink' : 'input_filter_CODE_STE',
                        },
                    }) }}
                </span>
                <span id="spanNa" style="width: 57%; margin-left: 2%; {% if post.SELECT_CDC_NA != 'na' %}display:none{% endif %}">
                    {{ inputAdvance('ZOOMADVANCE', {
                        'name' : 'CODNAN',
                        'value' : post.CODNAN,
                        'pahtZoom' : path('Ajax.liste.natana'),
                        'paramZoom' : "{'si_valide': 'on', 'CODE_STE' : document.getElementById('input_filter_CODE_STE').value}",
                        'entity' : 'Natana',
                        'titleZoom' : 'Liste des natures analytiques' | trad,
                        'pathConvert' : path('Ajax.outil.convertLibelle'),
                        'pathValidator' : path('Ajax.validator.natureAnalytique'),
                        'paramsValidator' : "{'nomChamp' : '"~ 'Nature analytique' | trad ~"', 'null' : true, 'filter_egal_CODE_STE' : document.getElementById('input_filter_CODE_STE').value}",
                        'codeBDD' : 'CODNAN',
                        'libelleBDD' : 'LIBELLE',
                        'option' : params.CODE_CDC_LOCK ? 'DISABLED' : '',
                        'valueTexteZoom' : post.CODNAN_LIBELLE,
                        'paramConvertLibelle' : "{'filter_egal_CODE_STE' : document.getElementById('input_filter_CODE_STE').value}",
                    }) }}
                </span>
            </div>
        </div>
        <div class="filtre">
            <div class="row">
                {{ inputSelect('', 'selectOptionSCAetCA', listeScaCa, post.selectOptionSCAetCA, droits.CODE_SI_LOCK ? 'DISABLED' : '', '', '', false, 'switchSCAetCAOptionSelect', '[]', 'full', false) }}

                <span id="spanSca" style="width: 57%; margin-left: 2%; {% if post.selectOptionSCAetCA is not null and post.selectOptionSCAetCA != 'sca' %}display:none{% endif %}">
                    {{ inputAdvance('ZOOMADVANCE', {
                        'name' : 'filter_SSCPTEANA',
                        'value' : infoPagination.filter.filter_SSCPTEANA,
                        'pahtZoom' : path('Ajax.liste.sca'),
                        'paramZoom' : "{'filter_egal_CODE_CTA' : 'CA','sca_valide' :1, 'CODE_STE' : document.getElementById('input_filter_CODE_STE').value }",
                        'entity' : 'Sscptana',
                        'titleZoom' : 'Liste des sous-comptes d\'analyse' | trad,
                        'pathConvert' : path('Ajax.outil.convertLibelle'),
                        'convertLibelle' : 'convertLibelleGlobal',
                        'pathValidator' : path('Ajax.validator.zoom'),
                        'paramsValidator' : "{'entity' : 'Sscptana','nomChamp' : '"~'Sous-compte d\'analyse' | trad |e('js')|raw~"', 'null' : true}",
                        'codeSte' : infoPagination.filter['filter_CODE_STE'],
                        'faceAttr' : {
                            'data-stelink' : 'input_filter_CODE_STE',
                        },
                    }) }}
                </span>
                <span class="filtreRow" id="spanCa" style="width: 57%; margin-left: 2%; {% if post.selectOptionSCAetCA != 'ca' %}display:none{% endif %}">
                    {{ inputAdvance('ZOOMADVANCE', {
                        'name' : 'CODE_CTA',
                        'value' : post.CODE_CTA,
                        'pahtZoom' : path('Ajax.liste.centrana'),
                        'paramZoom' : "{'si_valide': 'on', 'CODE_STE' : document.getElementById('input_filter_CODE_STE').value}",
                        'entity' : 'Centrana',
                        'titleZoom' : 'Liste des  centres d\'analyse' | trad,
                        'pathConvert' : path('Ajax.outil.convertLibelle'),
                        'pathValidator' : path('Ajax.validator.centreAnalyse'),
                        'paramsValidator' : "{'nomChamp' : '"~ 'Centre d\'analyse' | trad |e('js')|raw ~"', 'null' : true, 'filter_egal_CODE_STE' : document.getElementById('input_filter_CODE_STE').value}",
                        'codeBDD' : 'CODE_CTA',
                        'libelleBDD' : 'LIBELLE',
                        'option' : params.CODE_SCA_LOCK ? 'DISABLED' : '',
                        'valueTexteZoom' : post.CODE_CTA_LIBELLE,
                        'paramConvertLibelle' : "{'filter_egal_CODE_STE' : document.getElementById('input_filter_CODE_STE').value}",
                    }) }}
                </span>
            </div>
        </div>
        <div class="filtre">
            <div class="row">
                {{ inputAdvance('ZOOMADVANCE', {
                    'titre' : 'Fournisseur' | trad ~ ' :',
                    'name' : 'filter_CODE_FOU',
                    'pahtZoom' : path('Ajax.liste.fournisseur'),
                    'paramZoom' : "{}",
                    'value' : infoPagination.filter['filter_CODE_FOU'],
                    'entity' : 'Fourniss',
                    'codeBDD' : 'CODE',
                    'libelleBDD' : 'RS',
                    'titleZoom' : 'Liste des fournisseurs' | trad,
                    'pathConvert' : path('Ajax.outil.convertLibelle'),
                    'convertLibelle' : 'convertLibelleGlobal',
                    'pathValidator' : path('Ajax.validator.zoom'),
                    'paramsValidator' : "{'entity' : 'Fourniss','nomChamp' : '"~'Fournisseur' | trad~"'}",
                    'bulle': true,
                }) }}
            </div>
        </div>
        <div class="filtreBtn">
            <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" data-origin="reception">
                {{  'Filtres avancés' | trad }}
            </button>
            <a class="secondaire button button_right" id="reset_filters" onclick="clearFilters('filtre_commande');">
                {{  'Vider les champs (sauf société)' | 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_commande') }}
</div>

<div id="liste" class="add-margin">
    <table class="table table-hover">
        <thead>
        <tr>
            <th scope="col" width="5%">{{ 'Commande' | trad }}</th>
            <th scope="col" width="5%">{{ 'Société' | trad }}</th>
            <th scope="col" width="17%">{{ 'Fournisseur' | trad }}</th>
            <th scope="col" width="7%">{{ 'Type d’achat' | trad }}</th>
            <th scope="col" width="7%">{{ 'Type de document' | trad }}</th>
            <th scope="col" width="10%">{{ 'Acheteur' | trad }}</th>
            <th scope="col" width="10%">{{ 'Objet' | trad }}</th>
            <th scope="col" width="10%">{{ 'Total HT' | trad }}</th>
            <th scope="col" width="10%">{{ 'Action' | trad }}</th>
        </tr>
        </thead>
        <tbody>
        <tr class="recherche">
            <td>{{ filterTable('NO_CDE', post['filter_NO_CDE'], '', '', '', 'filtre_commande', '', 'Commande' | trad) }}</td>
            <td>{{ zoomFilter('egal_CA_ENTET#point#CODE_STE', post['filter_egal_CA_ENTET#point#CODE_STE'], '', 'filtre_commande', path('Ajax.liste.societe'), 'Liste des sociétés' | trad, '','', 'Société' | trad,'','', 'libelle_Societe') }}</td>
            <td>{{ zoomFilter('egal_CODE_FOU'~spliter()~'RS', post['filter_egal_CODE_FOU'~spliter()~'RS'], '', 'filtre_commande', path('Ajax.liste.fournisseur'),'Liste des fournisseurs' | trad, '','', 'Fournisseur' | trad,'','','libelle_Fourniss') }}</td>
            <td>{{ filterSelect('egal_COD_TAC', post['filter_egal_COD_TAC'], listeTypeAchat, 'filtre_commande', '', '', '', false, 'Type d\'achat' | trad) }}</td>
            <td>{{ filterSelect('egal_CA_ENTET#point#TYP_DOC', post['filter_egal_CA_ENTET#point#TYP_DOC'], listeTypeDeDocument, 'filtre_commande', '', '', '', false, 'Type de document' | trad) }}</td>
            <td>{{ zoomFilter('ACH', post['filter_ACH'], '', 'filtre_commande', path('Ajax.liste.utilisateur'),'Listes des acheteurs' | trad, '','','Utilisateur','','','Hastutil') }}</td>
            <td></td>
            <td>{{ filterTable('montant_TOT_CDEHT', post['filter_montant_TOT_CDEHT'], '', '', '', 'filtre_commande','', 'Total HT' | trad) }}</td>
            <td></td>
        </tr>

        {% for commande in items %}
            <tr id="commande{{ commande.NO_CDE }}">
                <td class="toggleSlide" onclick="toggleSlide('{{ path('Reception.Ajax.getCommandeDetailEntet', {order:  commande.NO_CDE }) }}', 'commande{{ commande.NO_CDE }}detail');">{{ commande.NO_CDE }}</td>
                <td>
                    <span class="white-tooltip">
                        {{ commande.CODE_STE}}
                        <span class="infos_tooltip top-left">
                            {{commande.CODE_STE | societeTrad }}
                        </span>
                    </span>
                </td>
                <td>{{ commande.CODE_FOU | fournisseurTrad }} ({{ commande.CODE_FOU }})</td>
                <td>{{ listeTypeAchat[commande.COD_TAC] }} ({{ commande.COD_TAC }})</td>
                <td>{{ listeTypeDeDocument[commande.TYP_DOC] }} ({{ commande.TYP_DOC }})</td>
                <td>{{ commande.NOM }} ({{ commande.ACH }})</td>
                <td>{{ commande.OBJET_CA }}</td>
                <td class="montant">{% if droits.HA_BR_PX %}{{ commande.TOT_CDEHT | tva }} {{ commande.DEVISE }}{% endif %}</td>
                <td>{{ Button('Réception' | trad, 1, path('Reception.CreationBR.creatEdit', {order: commande.NO_CDE, type: 'R', mode: 'C', init: '1'})) }}</td>
            </tr>
            <tr class="detail_ligne hide_detail" id="commande{{ commande.NO_CDE }}detail"></tr>
        {% endfor %}
        </tbody>
    </table>
    {{ paginations(path('Reception.GestionBR.index'),infoPagination.nombreDePage, infoPagination.page, infoPagination.post) }}
</div>