{% extends 'layout.twig' %}

{% block body %}
    <div class="contenu clearfix titre_div"  id="cs">
		<h1>{{ titre }}</h1>    

        {{ ariane() }}

        <h2>
            {{ subTitle }}
            
            <button class="button principal " style="" onClick="ajaxPopupV2('{{ path('GlobalApplication.CS.validateCS', {MODULE:module, id:id}) }}', 'formulaireCS');">{{ 'Valider' | trad }}</button>
            <button class="button secondaire " style="margin-left: 50px !important;" onClick="$('.nav-tabs li:first').click();">{{ 'Retour' | trad }}</button>
        </h2>

        <form method="POST" id='formulaireCS' enctype="multipart/form-data" class="box-form clearfix my-base">
            <div class="clearfix">
                {% if module == 'CA' %}
                    <h3>En tête</h3>
                    {{ inputCSAdvance({
                        'codTab' : 'CA_ENTET',
                        'codeEnr' : autoCompletCodeEnr(id),
                        'colonneActif' : true,
                        'duplication' : false,
                        'ModeModif' : modeModif,
                        'postVal' : postVal,
                    }) }}
            </div>
            <div class="clearfix">
                <h3>Ligne</h3>
                <table class="table table-hover">
                    <thead class="thead-dark">
                        <tr>
                            <th scope="col" width="7%">{{ 'N°' | trad }}</th>
                            <th scope="col" width='7%'>{{ 'Code article' | trad }}</th>
                            <th scope="col" width="7%">{{ 'Désignation article' | trad }}</th>
                            <th scope="col" width='7%'>{{ 'Désignation complémentaire' | trad }}</th>
                        </tr>
                    </thead>
                    <tbody>
                    {% for item in lignes %}
                        <tr onclick="openDetail('c{{ item.NO_CDE }}_{{ item.NO_PO }}');">
                            <td scope="col" class="loupe">{{ item.NO_PO }}</td>
                            <td scope="col">{{- item.CODE_ART -}}</td>
                            <td scope="col">{{- item.DES_SOMM -}}</td>
                            <td scope="col">{{- item.DESIGNCOMP -}}</td>
                        </tr>
                        <tr id="c{{ item.NO_CDE }}_{{ item.NO_PO }}" class="detail_ligne table-row-no-hover">
                            <td colspan="4">
                            {{ inputCSAdvance({
                                'codTab' : 'CA_LIGNE',
                                'codeEnr' : autoCompletCodeEnr(item.NO_CDE, item.NO_PO),
                                'colonneActif' : true,
                                'duplication' : false,
                                'ModeModif' : modeModif,
                                'postVal' : postVal,
                            }) }}
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
                {% else %}
                    {% set codTab = {
                        'BR_OXAPROC' : 'BR_RECEP',
                        'PANIER' : 'DA_ENTET',
                    } %}

                    {% set codTableDifferent = {
                        'BR_OXAPROC' : 'BR_OXAPROC',
                        'PANIER' : 'PANIER',
                    } %}

                    {{ inputCSAdvance({
                        'codTab' : codTab[module]? codTab[module]:module,
                        'codeEnr' : idCS,
                        'colonneActif' : true,
                        'duplication' : false,
                        'ModeModif' : modeModif,
                        'postVal' : postVal,
                        'codTableDifferent' : codTableDifferent[module]? codTableDifferent[module]:'',
                    }) }}
                {% endif %}
            </div>
        </form>
    </div>


    <script>
        function openDetail(id) {
            $('#'+id).toggleClass('hide_detail');
        }
    </script>
{% endblock %}