{% block body %}
	<div id="refreshTab" style="padding-top: 5px;">
		<table id="order_lines" class="table table-hover">
			<thead class="thead-dark">
				<tr>
					<th scope="col" width="4%">{{ 'Sél. ?'| trad }}</th>
					<th scope="col" width="4%">{{ 'N° de poste'| trad }}</th>
					<th scope="col" width="9%">{{ 'Code article'| trad }}</th>
					<th scope="col" width="11%">{{ 'Désignation article'| trad }}</th>
					<th scope="col" width="4%">{{ 'Unité'| trad }}</th>
					<th scope="col" width="4%">{{ 'Mnt ?'| trad  }}</th>
					<th scope="col" width="8%">{{ 'Qté reçue'| trad }}</th>
					<th scope="col" width="8%">{{ 'Qté comptée'| trad }}</th>
					<th scope="col" width="8%">{{ 'Qté acceptée'| trad }}</th>
					<th scope="col" width="8%">{{ 'Montant reçu'| trad ~ ' ' ~ 'HT/TTC'| trad }}</th>
					<th scope="col" width="9%">{{ 'Reste à livrer'| trad ~ ' ' ~ 'HT'| trad  }}</th>
					<th scope="col" width="7%">{{ 'Date livraison'| trad }}</th>
					<th scope="col" width="8%">{{ 'Commentaire'| trad }}</th>
				</tr>
			</thead>
			<tbody>
				{% for line in lines %}
					<tr id="line{{ line.no_ligne_br }}" 
						{% if line.ral == 0 %} class="ral_none" {% endif %} 
						{% if ((line.ral == 0 and onlyRal is same as(true)) and line.is_reception | boolSql == false) %} style="display: none;" {% endif %}>
						<td align="center">
							<input type="checkbox" class="form-control checkbox selection_box" name="selected_{{ line.no_ligne_br }}" id="input_is_reception-{{ line.no_ligne_br }}" 
							{% if line.is_reception | boolSql %} checked {% endif %} 
							onclick="changeInput({{ line.no_ligne_br }}, '', 'is_reception');">
						</td>
						<td align="right">{{ line.no_ligne_br }}</td>
						<td class="loupe">{{ line.code_art }}</td>
						<td>{{ shortLibelle(line.design_sommaire, 45) }}</td>
						<td>{{ line.UNIT_LABEL ~ ' (' ~ line.unite ~ ')' }}</td>
						<td align="center">
							<input type="checkbox" class="form-control checkbox montant_box" name="en_mnt_{{ line.no_ligne_br }}" id="input_EN_MNT-{{ line.no_ligne_br }}" {% if line.TYPE_RECEPT_POSSIBLE == 'M' %} checked disabled {% endif %} {% if not droits.HA_BR_PX or line.TYPE_RECEPT_POSSIBLE == 'Q' %} disabled {% endif %} {% if line.EN_MNT | boolSql %} checked {% endif %} onclick="changeInput({{ line.no_ligne_br }}, '', 'EN_MNT');">
						</td>
						<td>
                            {# le nombre de chiffres derrière la décimale dépend de l'unité de la ligne de commande, voir line.NB_DECIM (|number_format(line.NB_DECIM, '.', ' ')) #}
							{{ inputAdvance('TEXT', {
								'name'              	: 'qte_r' ~ '-' ~ line.no_ligne_br,
								'value'             	: qteByUnite((line.qte_r ?? line.ral), line.unite), 
								'pathValidator'         : path('Reception.ValidatorCreation.saisie'),                            
								'paramsValidator'       : "{'section' : 'ligne', 'line' : '" ~ line.no_ligne_br ~ "', 'field' : 'qte_r'}",
								'myFuncValidator' 		: 'updateValueLine',
								'paramFuncValidator'	: '["qte_r' ~ '-' ~ line.no_ligne_br ~ '", false]',
								'obligatoire'       	: params.sectNumBr == 'M' ? true : false,
								'option'            	: params.sectNumBr == 'A' ? 'disabled' : '',
								'addStyle'				: (line.EN_MNT | boolSql or line.is_reception | boolSql == false) ? 'display: none;',
                                'numerique'             : true,
							}) }}
						</td>
						<td>
							{{ inputAdvance('TEXT', {
								'name'              	: 'qte_c' ~ '-' ~ line.no_ligne_br,
								'value'             	: qteByUnite((line.qte_c ?? line.ral), line.unite),
								'pathValidator'         : path('Reception.ValidatorCreation.saisie'),                            
								'paramsValidator'       : "{'section' : 'ligne', 'line' : '" ~ line.no_ligne_br ~ "', 'field' : 'qte_c'}",
								'myFuncValidator' 		: 'updateValueLine',
								'paramFuncValidator'	: '["qte_c' ~ '-' ~ line.no_ligne_br ~ '", false]',
								'obligatoire'       	: params.sectNumBr == 'M' ? true : false,
								'option'            	: params.sectNumBr == 'A' ? 'disabled' : '',
								'addStyle'				: (line.EN_MNT | boolSql or line.is_reception | boolSql == false) ? 'display: none;',
                                'numerique'             : true,
							}) }}
						</td>
						<td>
							{{ inputAdvance('TEXT', {
								'name'              	: 'qte_a' ~ '-' ~ line.no_ligne_br,
								'value'             	: qteByUnite((line.qte_a ?? line.ral), line.unite),
								'pathValidator'         : path('Reception.ValidatorCreation.saisie'),                            
								'paramsValidator'       : "{'section' : 'ligne', 'line' : '" ~ line.no_ligne_br ~ "', 'field' : 'qte_a'}",
								'myFuncValidator' 		: 'updateValueLine',
								'paramFuncValidator'	: '["qte_a' ~ '-' ~ line.no_ligne_br ~ '", false]',
								'obligatoire'       	: params.sectNumBr == 'M' ? true : false,
								'option'            	: params.sectNumBr == 'A' ? 'disabled' : '',
								'addStyle'				: (line.EN_MNT | boolSql or line.is_reception | boolSql == false or (line.is_ctrl_qualite | boolSql and line.ctrl_qualite_done | boolSql == false)) ? 'display: none;',
                                'numerique'             : true,
							}) }}
						</td>
						<td class="mnt_recep montant">
							{{ inputAdvance('TEXT', {
								'name'              	: 'MNT_REC' ~ '-' ~ line.no_ligne_br,
								'value'             	: (line.MNT_REC ?? line.RAL_MNT)|tva,
								'pathValidator'         : path('Reception.ValidatorCreation.saisie'),                            
								'paramsValidator'       : "{'section' : 'ligne', 'line' : '" ~ line.no_ligne_br ~ "', 'field' : 'MNT_REC'}",
								'myFuncValidator' 		: 'updateValueLine',
								'paramFuncValidator'	: '["MNT_REC' ~ '-' ~ line.no_ligne_br ~ '", false]',
								'addStyle'				: (line.EN_MNT | boolSql == false or line.is_reception | boolSql == false) ? 'display: none;',
                                'numerique'             : true,
							}) }}
							{{ inputAdvance('TEXT', {
								'name'              	: 'MNT_REC_TTC' ~ '-' ~ line.no_ligne_br,
								'value'             	: (line.MNT_REC_TTC ?? line.RAL_MNT_TTC)|tva,
								'pathValidator'         : path('Reception.ValidatorCreation.saisie'),                            
								'paramsValidator'       : "{'section' : 'ligne', 'line' : '" ~ line.no_ligne_br ~ "', 'field' : 'MNT_REC_TTC'}",
								'myFuncValidator' 		: 'updateValueLine',
								'paramFuncValidator'	: '["MNT_REC_TTC' ~ '-' ~ line.no_ligne_br ~ '", false]',
								'addStyle'				: (line.EN_MNT | boolSql == false or line.is_reception | boolSql == false) ? 'display: none;',
                                'addClass'              : 'col2',
                                'option'                :  params.BR_SAISIE_TTC ? '' : 'disabled',
                                'numerique'             : true,
							}) }}
						</td>
						<td class="montant">
							{{ qteByUnite(line.ral, line.unite) }}
							{% if droits.HA_BR_PX %}
								{{ ' (' ~ (line.ral * line.PU_REMISE)|tva ~ ' ' ~ (line.COD_DEV) ~ ')'}}
							{% endif %}
						</td>
						<td align="center">
							{{ (line.DTE_LIV == '00000000' ? dateBL : line.DTE_LIV) | dateTrad }}
						</td>
						<td align="center">
                            <a onclick="ajaxPopupV2({{ path(
									'Reception.CreationBR.ajaxCommentaire', 
									{order: order, type: type, mode: mode, line: line.no_ligne_br}
								) | json | e('html_attr') }}, null, {{ 'Commentaire' | trad | json | e('html_attr') }});" 
								class="{{ line.COMMENT != '' ? 'commentaire-success' : 'commentaire' }}"
							></a>
                        </td>
					</tr>
					<tr id="line{{ line.no_ligne_br }}detail" class="detail_ligne hide_detail">
						<td id="articles" colspan="14">
							<div class="full">
								<div class="informations">
									<p>
										<span class="champs_label">{{ 'Désignation comp.'| trad }}</span>
										<span class="resultat">
                                            {{ line.design_comp }}
										</span>
									</p>
								</div>
							</div>
							<div class="colonne2">
                                <div class="informations">
                                    <p class="resultat-montant-line">
                                        <span class="champs_label">{{ 'Montant déjà réceptionné'| trad }}</span>
                                        <span class="resultat montant">
                                            {% if droits.HA_BR_PX %}
                                                {{ line.MNT_RECU | tva ~ ' ' ~ line.COD_DEV }}
                                            {% endif %}
                                        </span>
                                    </p>
                                    <p class="resultat-montant-line">
                                        <span class="champs_label">{{ 'Prix unitaire'| trad }}</span>
                                        <span class="resultat montant">
                                            {% if droits.HA_BR_PX %}
                                                {{ line.PU|tva ~ ' ' ~ line.COD_DEV }}
                                            {% endif %}
                                        </span>
                                    </p>
                                    <p>
                                        <span class="champs_label">{{ 'Réf. fabricant'| trad }}</span>
                                        <span class="resultat">
                                            {{ line.REF_FAB }}
                                        </span>
                                    </p>
                                    <p>
                                        <span class="champs_label">{{ 'Réf. fournisseur'| trad }}</span>
                                        <span class="resultat">
                                            {{ line.REF_FOUR }}
                                        </span>
                                    </p>
								</div>
							</div>
							<div class="colonne2 last">
								<div class="informations">
                                    <p>
                                        <span class="champs_label">{{ 'Section d\'imputation'| trad }}</span>
                                        <span class="resultat">
                                            {% if line.CODE_SI %}
                                                {{ line.SI_LIBELLE ~ ' (' ~ line.CODE_SI ~ ')' }}
                                            {% endif %}
                                        </span>
                                    </p>
                                    <p>
                                        <span class="champs_label">{{ 'Sous-compte d\'analyse'| trad }}</span>
                                        <span class="resultat">
                                            {% if line.CODE_SCA %}
                                                {{ line.SCA_LIBELLE ~ ' (' ~ line.CODE_SCA ~ ')' }}
                                            {% endif %}
                                        </span>
                                    </p>
									<p>
										<span class="champs_label">{{ 'Code gestion'| trad }}</span>
										<span class="resultat">
											{% if line.CODE_CG %}
                                                {{ line.CG_LIBELLE ~ ' (' ~ line.CODE_CG ~ ')' }}
											{% endif %}
										</span>
									</p>
									<p>
										<span class="champs_label">{{ 'Code complémentaire'| trad }}</span>
										<span class="resultat">
                                            {% if line.CODE_CDC %}
                                                {{ line.CDC_LIBELLE ~ ' (' ~ line.CODE_CDC ~ ')' }}
                                            {% endif %}
										</span>
									</p>
								</div>
							</div>
                            <div class="clearfix">
                                {{ VisualisationCS('CA_LIGNE', autoCompletCodeEnr(order, line.no_ligne_br, 'CA_LIGNE')) }}
                            </div>
						</td>
					</tr>
				{% endfor %}
			</tbody>
		</table>
	</div>
    <script>
        $(document).ready(function () {
            $(".mnt_recep div:first-child").addClass("colonne2");
        });

        function updateValueLine(field, bool, error) {

			activeLoader();
			testInputRecep(error);
            if (error == true) {
				desactiveLoader();
				return '';
            }

            if (bool) {
                var value = $('#input_'+field).is(':checked');
            } else {
                var value = $('#input_'+field).val();
            }
            
            $.ajax({
                dataType : 'json',
                url: '{{ path('Reception.CreationBR.ajaxUpdateLine', {order: order, type: type, mode: mode}) }}',
                data: {field: field, value: value},
                type: "POST",
                success: function(result){
					desactiveLoader();
					var explode = field.split('-');
					var idLine = explode[1];

					refreshFonction('line'+idLine, result.lines);

					$("#line"+idLine+" .mnt_recep div:first-child").addClass("colonne2");

					if ($('#input_is_reception-'+idLine).is(':checked')) {
						if ($('#input_EN_MNT-'+idLine).is(':checked')) {
							validatorAjax('{{ path('Reception.ValidatorCreation.saisie') }}', {'section' : 'ligne', 'line' : idLine, 'field' : 'MNT_REC'} ,'input_MNT_REC-'+idLine, '', '', '', '');
							validatorAjax('{{ path('Reception.ValidatorCreation.saisie') }}', {'section' : 'ligne', 'line' : idLine, 'field' : 'MNT_REC_TTC'} ,'input_MNT_REC_TTC-'+idLine, '', '', '', '');
						} else {
							validatorAjax('{{ path('Reception.ValidatorCreation.saisie') }}', {'section' : 'ligne', 'line' : idLine, 'field' : 'qte_r'} ,'input_qte_r-'+idLine, '', '', '', '');
						}
						//$('#tab').html(result.lines);
					}
					$('#subAriane').html(result.subAriane);
                },
                error: function(result){

                }
            });
        }
		
		function testInputRecep(error){
			
			window.setTimeout(function(){
				if (
				(document.getElementsByClassName('error').length > 0) 
					&& 
				(document.getElementsByClassName('error').length != $("input[data-non-bloquant='true']").length>0)
				) {
					$('#valid').hide();
					$('#MsgErreur').show();
				} else {
					$('#valid').show();
					$('#MsgErreur').hide();
				}
				return '';    
			}, 600);
		}
    </script>
{% endblock %}
