{% block body %}

    <div id="articleSecondaire{{ variant.NO_PO_AO }}{{ variant.NO_SSLIG }}" class="articleSecondaire">
    	<fieldset class="scheduler-border">
    		<legend class="scheduler-border">
    		    {{ 'Décomposition' | trad }} {{ variant.NO_SSLIG }}
    		    <a class="button secondaire btn_right" onClick="deleteVariant('{{ path('Consultation.SaisieReponses.deleteVariant', {idAO:idAO, typeFG:typeFG, idFrs:idFrs, idRep:idRep, CV:CV,idLigne:variant.NO_PO_AO, idVariant:variant.NO_SSLIG}) }}','{{ variant.NO_PO_AO }}','{{ variant.NO_SSLIG }}');">{{ 'Supprimer' | trad }}</a>
    	    </legend>
							
	
        
        	<div class="clearfix">
        		<div class="colonne2">
        			<div class="row">
                        {{ inputAdvance('ZOOM', {
                            'titre' : 'Code article' | trad,
                            'name' : 'CODE_ART-'~variant.NO_PO_AO~'-'~variant.NO_SSLIG,
                            'value' : variant.CODE_ART,
                            'pahtZoom' : path('Ajax.liste.articles'),
                            'titreZoom' : 'Liste articles' | trad,
                            'paramZoom' : "{'divLibelle' : 'input_DES_ART-"~variant.NO_PO_AO~"-"~variant.NO_SSLIG~"', 'displayCode': false}",
                            'entity' : 'Articles',
                            'pathValidator' : path('Ajax.validator.zoom'),
                            'paramsValidator' : "{'entity' : 'Articles','nomChamp' : '"~'Code article' | trad~"', 'null' : false}",
                    	    'myFuncValidator' : 'updateValueLigne',
                    	    'paramFuncValidator' : '["CODE_ART-'~variant.NO_PO_AO~'-'~variant.NO_SSLIG~'"]',
                        }) }}
					</div>
        		</div>
        		<div class="colonne2 last">
        			<div class="row">
                        {{ inputAdvance('TEXT',{
					    	'titre' : 'Désignation' | trad,
						    'name' : 'DES_ART-'~variant.NO_PO_AO~'-'~variant.NO_SSLIG,
						    'value' : variant.DES_ART,
                		    'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                		    'paramsValidator' : "{'sizeMin' : 1, 'sizeMax' : 60}",
                		    'obligatoire' : true,
                		    'option' : variant.CODE_ART? 'readOnly':'',
                		    'myFuncValidator' : 'updateValueLigne',
                    	    'paramFuncValidator' : '["DES_ART-'~variant.NO_PO_AO~'-'~variant.NO_SSLIG~'"]',
						}) }}
        			</div>
        		</div>
        	</div>
        	<div class="clearfix">
        		<div class="single row">
                    {{ inputAdvance('TEXT',{
				    	'titre' : 'Désignation complémentaire' | trad,
					    'name' : 'DCOMP-'~variant.NO_PO_AO~'-'~variant.NO_SSLIG,
					    'value' : variant.DCOMP,
            		    'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
            		    'paramsValidator' : "{'sizeMin' : 0, 'sizeMax' : 3000}",
            		    'myFuncValidator' : 'updateValueLigne',
                	    'paramFuncValidator' : '["DCOMP-'~variant.NO_PO_AO~'-'~variant.NO_SSLIG~'"]',
					}) }}
        		</div>
        	</div>
        	
        	<div class="clearfix">
        		<div class="colonne2">
        			<div class="row">
    					{{ inputAdvance('TEXT', {
    					    'titre' : 'Quantité proportionnelle' | trad,
    						'name' : 'QTE_PROP-'~variant.NO_PO_AO~'-'~variant.NO_SSLIG,
    						'value' : variant.QTE_PROP |qte,
                		    'pathValidator' : path('Ajax.validator.float'),
                		    'paramsValidator' : "{'format' : "~getConst('formatQTE')~"}",
                    	    'myFuncValidator' : 'updateValueLigne',
                    	    'paramFuncValidator' : '["QTE_PROP-'~variant.NO_PO_AO~'-'~variant.NO_SSLIG~'"]',
                    	    'addClass' : 'changePrixLigne'~variant.NO_PO_AO
    					}) }}
        			</div>
					<div class="row">
                        {{ inputAdvance('DEVISE', {
                            'titre' : 'Prix unitaire' | trad,
                        	'name' : 'PU-'~variant.NO_PO_AO~'-'~variant.NO_SSLIG,
                		    'pathValidator' : path('Ajax.validator.float'),
                		    'paramsValidator' : "{'format' : "~getConst('formatPU')~"}",
                		    'value' : variant.PU |prixUnitaire,
                    	    'myFuncValidator' : 'updateValueLigne',
                    	    'paramFuncValidator' : '["PU-'~variant.NO_PO_AO~'-'~variant.NO_SSLIG~'"]',
                    	    'addStyle' : 'changePrixLigne'~variant.NO_PO_AO
                        }) }}
                    </div>
        		</div>
        		<div class="colonne2 last">
        			<div class="row">
                  	    {{ inputAdvance('zoomAdvance', {
                  	            'titre' : 'Unité' | trad,
                      		   	'name' : 'UNITE-'~variant.NO_PO_AO~'-'~variant.NO_SSLIG,
                      		    'pahtZoom' : path('Ajax.liste.unites'),
                    	     	'pathConvert' : path('Ajax.outil.convertLibelle'),
                         		'convertLibelle' : 'convertLibelleGlobal',
                    		    'pathValidator' : path('Ajax.validator.zoom'),
                    		    'paramsValidator' : "{'entity' : 'Unites','nomChamp' : 'Article', 'null' : true}",
                    		    'entity' : 'Unites',
                    		    'titleZoom' : 'Liste des unités' | trad,
                    		    'value' : variant.UNITE,
                        	    'myFuncValidator' : 'updateValueLigne',
                        	    'paramFuncValidator' : '["UNITE-'~variant.NO_PO_AO~'-'~variant.NO_SSLIG~'"]',
                    	    }) }}
            	    </div>
        		</div>
        	</div>
        
        	<hr>
        	<div class="clearfix">
        		<div class="colonne2">
        			<div class="row">
        				{{ inputAdvance('TEXT', {
        				    'titre' : 'Désignation fournisseur' | trad,
        				    'name' : 'DES_FOUR-'~variant.NO_PO_AO~'-'~variant.NO_SSLIG,
        				    'value' :  variant.DES_FOUR,
                		    'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                		    'paramsValidator' : "{'sizeMin' : 0, 'sizeMax' : 60}",
                    	    'myFuncValidator' : 'updateValueLigne',
                    	    'paramFuncValidator' : '["DES_FOUR-'~variant.NO_PO_AO~'-'~variant.NO_SSLIG~'"]',
        				}) }}
        			</div>
        		</div>
        		
        		<div class="colonne2 last">
        			<div class="row">
        				{{ inputAdvance('TEXT', {
        				    'titre' : 'Référence fournisseur' | trad,
        				    'name' : 'REF_FOUR-'~variant.NO_PO_AO~'-'~variant.NO_SSLIG,
        				    'value' :  variant.REF_FOUR,
                		    'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                		    'paramsValidator' : "{'sizeMin' : 0, 'sizeMax' : 60}",
                    	    'myFuncValidator' : 'updateValueLigne',
                    	    'paramFuncValidator' : '["REF_FOUR-'~variant.NO_PO_AO~'-'~variant.NO_SSLIG~'"]',
        				}) }}
        			</div>
        		</div>
        	</div>
        	<div class="clearfix">
        		<div class="colonne2">
        			<div class="row">
                        {{ inputAdvance('ZOOMADVANCE', {
                            'titre' : 'Fabricant' | trad,
                            'name' : 'COD_FAB-'~variant.NO_PO_AO~'-'~variant.NO_SSLIG,
                            'value' : variant.COD_FAB,
                            'pahtZoom' : path('Ajax.liste.fabricant'),
                            'titreZoom' : 'liste fabricant',
                            'paramZoom' : "",
                            'entity' : 'Fabricant',
                            'pathValidator' : path('Ajax.validator.zoom'),
                            'paramsValidator' : "{'entity' : 'Fabricant','nomChamp' : 'Fabricant', 'null' : true}",
                            'pathConvert' : path('Ajax.outil.convertLibelle'),
                        	'convertLibelle' : 'convertLibelleGlobal',
                    	    'myFuncValidator' : 'updateValueLigne',
                    	    'paramFuncValidator' : '["COD_FAB-'~variant.NO_PO_AO~'-'~variant.NO_SSLIG~'"]',
                        }) }}
        			</div>
        			<div class="row">
        				{{ inputAdvance('TEXT',{
        				    'titre' : 'Réf. fabricant' | trad,
        				    'name' : 'REF_FAB-'~variant.NO_PO_AO~'-'~variant.NO_SSLIG,
        				    'value' : variant.REF_FAB,
                		    'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                		    'paramsValidator' : "{'sizeMin' : 0, 'sizeMax' : 30}",
                		    'option' : variant.COD_FAB? '':'readOnly',
                    	    'myFuncValidator' : 'updateValueLigne',
                    	    'paramFuncValidator' : '["REF_FAB-'~variant.NO_PO_AO~'-'~variant.NO_SSLIG~'"]',
        				}) }}
        			</div>
        		</div>
        		<div class="colonne2 last">
        			<div class="row">
                        {{ inputAdvance('ZOOMADVANCE', {
                            'titre' : 'Gamme' | trad,
                            'name' : 'COD_GAM-'~variant.NO_PO_AO~'-'~variant.NO_SSLIG,
                            'value' : variant.COD_GAM,
                            'pahtZoom' : path('Ajax.liste.gamme'),
                            'titreZoom' : 'liste Gamme',
                            'paramZoom' : "{'filter_CODEFABR' : $('#input_COD_FAB-"~variant.NO_PO_AO~'-'~variant.NO_SSLIG~"').val()}",
                            'entity' : 'Gamme',
                            'pathValidator' : path('Ajax.validator.zoom'),
                            'paramsValidator' : "{'entity' : 'Gamme','nomChamp' : 'Gamme', 'null' : true}",
                            'pathConvert' : path('Ajax.outil.convertLibelle'),
                        	'convertLibelle' : 'convertLibelleGlobal',
                        	'option' : variant.COD_FAB? '':'readOnly',
                    	    'myFuncValidator' : 'updateValueLigne',
                    	    'paramFuncValidator' : '["COD_GAM-'~variant.NO_PO_AO~'-'~variant.NO_SSLIG~'"]',
                        }) }}
        			</div>	
        		</div>
        		<script>
        			$('#input_COD_FAB-{{ variant.NO_PO_AO }}-{{ variant.NO_SSLIG }}').change(function(){
        				if ($(this).val()) {
        					$('#text_COD_GAM-{{ variant.NO_PO_AO }}-{{ variant.NO_SSLIG }}').prop('readonly', false);
        				    $('#zoom_COD_GAM-{{ variant.NO_PO_AO }}-{{ variant.NO_SSLIG }}').show();
        				    $('#input_REF_FAB-{{ variant.NO_PO_AO }}-{{ variant.NO_SSLIG }}').prop('readonly', false);
        				} else {
        					$('#text_COD_GAM-{{ variant.NO_PO_AO }}-{{ variant.NO_SSLIG }}').prop('readonly', true);
        				    $('#zoom_COD_GAM-{{ variant.NO_PO_AO }}-{{ variant.NO_SSLIG }}').hide();
        				    $('#input_REF_FAB-{{ variant.NO_PO_AO }}-{{ variant.NO_SSLIG }}').prop('readonly', true);
        				    
        				    $('#input_REF_FAB-{{ variant.NO_PO_AO }}-{{ variant.NO_SSLIG }}').val('');
        				    $('#text_COD_GAM-{{ variant.NO_PO_AO }}-{{ variant.NO_SSLIG }}').val('');
        				    $('#input_COD_GAM-{{ variant.NO_PO_AO }}-{{ variant.NO_SSLIG }}').val('');
        				}
        			});
        		</script>	
        		
        	</div>
        	<div class="clearfix">
        		<div class="colonne2">
        			<div class="row">
                        {{ inputAdvance('SELECT', {
                            'titre' : 'Pays d\'origine' | trad,
                            'name' : 'PAY_ORI-'~variant.NO_PO_AO~'-'~variant.NO_SSLIG,
                            'value' : variant.PAY_ORI,
                            'listeValue' : listePays,
                            'optionVide' : true,
                    	    'myFunction' : 'updateValueLigne',
                    	    'myParams' : '["PAY_ORI-'~variant.NO_PO_AO~'-'~variant.NO_SSLIG~'"]',
                        }) }}
        			</div>	
        		</div>
        		<div class="colonne2 last">
        			<div class="row">
                        {{ inputAdvance('SELECT', {
                            'titre' : 'Pays de provenance' | trad,
                            'name' : 'PAY_PROV-'~variant.NO_PO_AO~'-'~variant.NO_SSLIG,
                            'value' : variant.PAY_PROV,
                            'listeValue' : listePays,
                            'optionVide' : true,
                    	    'myFunction' : 'updateValueLigne',
                    	    'myParams' : '["PAY_PROV-'~variant.NO_PO_AO~'-'~variant.NO_SSLIG~'"]',
                        }) }}
        			</div>	
        		</div>
        	</div>
    	</fieldset>

		<script>
			$('#input_CODE_ART-{{ variant.NO_PO_AO }}-{{ variant.NO_SSLIG }}').change(function(){
				if($(this).val()) {
					$('#input_DES_ART-{{ variant.NO_PO_AO }}-{{ variant.NO_SSLIG }}').prop('readonly', true);
				} else {
					$('#input_DES_ART-{{ variant.NO_PO_AO }}-{{ variant.NO_SSLIG }}').prop('readonly', false);
				}
				$('#input_DES_ART-{{ variant.NO_PO_AO }}-{{ variant.NO_SSLIG }}').trigger('change');
			});

			$('.changePrixLigne{{ variant.NO_PO_AO }}').change(function(){
				var totalPrix = 0;
				$('.changePrixLigne{{ variant.NO_PO_AO }}').each(function(){
					
					if($(this).attr('id').indexOf("input_PU-") === 0)
					{
						var inputSplit = $(this).attr('id').split('-');
						totalPrix = totalPrix + ($('#input_PU-'+inputSplit[1]+'-'+inputSplit[2]).val() * $('#input_QTE_PROP-'+inputSplit[1]+'-'+inputSplit[2]).val());
					}

				});
				
				$('#input_PU-{{ variant.NO_PO_AO }}').val(totalPrix).change();
			});
		</script>
    </div>

{% endblock %}