{% block body %}
    <div class="clearfix">
        <div class="colonne2 first">
            <div class="row">
                {{ inputAdvance('TEXT', {
                    'titre'                 : 'N° de commande'| trad~ ' :',
                    'name'                  : 'no_cde',
                    'value'                 : orderDetails.NO_CDE,
                    'option'                : 'disabled',
                }) }}
            </div>
            <div class="row">
                {{ inputAdvance('DATE', { 
                    'titre'                 : 'Date de création de la commande'| trad~ ' :',
                    'name'                  : 'DATE_CRE',
                    'value'                 : orderDetails.DTE_VALID | dateTrad,
                    'option'                : 'disabled',
                }) }}
            </div>
            <div class="row">
                {{ inputAdvance('DATE', { 
                    'titre'                 : 'Date de période'| trad~ ' :',
                    'name'                  : 'DATE_PER',
                    'value'                 : (initialBr.DATE_PER ?? datePer) | dateTrad,
                    'pathValidator'         : path('Reception.ValidatorCreation.saisie'),
                    'paramsValidator'       : "{'section' : 'entete', 'field' : 'DATE_PER'}",
                    'myFuncValidator' 		: 'updateValueHeading',
                    'paramFuncValidator'	: '["DATE_PER", false]',
                    'obligatoire'           : true,
                }) }}
            </div>
        </div>
        <div class="colonne2 last">
            {% if params.MODE_NUM in ['I', 'M'] %}
                <div class="row">
                    {{ inputAdvance('TEXT', {
                        'titre'                 : 'N° du bon de retour'| trad~ ' :',
                        'name'                  : 'no_br',
                        'value'                 : initialBr.no_br,
                        'pathValidator'         : path('Reception.ValidatorCreation.saisie'),                                
                        'paramsValidator'       : "{'section' : 'entete', 'field' : 'no_br'}",
                        'myFuncValidator' 		: 'updateValueHeading',
                        'paramFuncValidator'	: '["no_br", false]',
                        'obligatoire'           : params.MODE_NUM == 'M' ? true : false,
                        'option'                : mode == 'M' ? 'disabled' : '',
                    }) }}
                </div>
            {% endif %}
            <div class="row">
                {{ inputAdvance('DATE', { 
                    'titre'                 : 'Date de création du BR'| trad~ ' :',
                    'name'                  : 'DATE_CRE',
                    'value'                 : initialBr.DATE_CRE | dateTrad,
                    'option'                : 'disabled',
                }) }}
            </div>
            <div class="row">
                {{ inputAdvance('DATE', { 
                    'titre'                 : 'Date de validation du BR'| trad~ ' :',
                    'name'                  : 'DATE_VAL',
                    'value'                 : initialBr.DATE_VAL | dateTrad,
                    'option'                : 'disabled',
                }) }}
            </div>
        </div>
    </div>
    <div class="clearfix">
        <div class="colonne2 first">
            <div class="row">
                {{ inputAdvance('TEXTAREA', {
                    'titre'                 : 'Commentaires'| trad~ ' :',
                    'name'                  : 'commentaire',
                    'value'                 : initialBr.commentaire,
                    'pathValidator'         : path('Reception.ValidatorCreation.saisie'),                            
                    'paramsValidator'       : "{'section' : 'entete', 'field' : 'commentaire'}",
                    'myFuncValidator' 		: 'updateValueHeading',
                    'paramFuncValidator'	: '["commentaire", false]',
                }) }}
            </div>
        </div>
        <div class="colonne2 last">
            <div class="row">
                {{ inputAdvance('TEXTAREA', {
                    'titre'                 : 'Bloc-notes'| trad~ ' :',
                    'name'                  : 'BLOC_NOTES',
                    'value'                 : initialBr.BLOC_NOTES,
                    'pathValidator'         : path('Reception.ValidatorCreation.saisie'),
                    'paramsValidator'       : "{'section' : 'entete', 'field' : 'BLOC_NOTES'}",
                    'myFuncValidator' 		: 'updateValueHeading',
                    'paramFuncValidator'	: '["BLOC_NOTES", false]',                            
                }) }}
            </div>
        </div>
        <div class="clearfix">
            {% if CSExist('BR_RECEP') %}
                {{ inputCSAdvance({
                    'codTab'                : 'BR_RECEP', 
                    'colonneActif'          : true, 
                    'codeEnr'               : login,
                    'ModeModif'             : true,
                    'codTableDifferent'     : 'BR_OXAPROC',
                }) }} 
            {% endif %}
        </div>
    </div>
    <script>
        function updateValueHeading(field, bool, error) {
            if (error == true) {
                if (
                    (document.getElementsByClassName('error').length > 0) 
                        && 
                    (document.getElementsByClassName('error').length != document.getElementsByClassName('nonBloquant').length)
                ) {
                    $('#valid').hide();
                    $('#MsgErreur').show();
                } else {
                    $('#valid').show();
                    $('#MsgErreur').hide();
                }
                return '';
            }

            $('#valid').show();
            $('#MsgErreur').hide();

            var value = $('#input_' + field).val();

            $.ajax({
                dataType : 'html',
                url: {{ path('Reception.CreationBR.ajaxUpdateHeading', {type: 'A'}) | json }},
                data: {field: field, value: value},
                type: "POST",
                success: function(result){
                    $('#header').html(result.heading);
                },
                error: function(result){

                }
            });
        }
    </script>
{% endblock %}

