{% extends 'layout.twig' %}

{% block body %}
	<div class="contenu clearfix"  id="fournisseurs">
	<h1>
    	{{ 'Fournisseurs' | trad }}
    </h1>
    {{ ariane() }}
    
    <div id="detail_fournisseur" class="clearfix titre_div">
        <h2>
            {{ 'Fournisseur' | trad }} : {{ libelle_fournisseur??libelle }} ({{ code_fournisseur??id }})
        </h2>
        
            {{ arianeSub() }}
				<div class="tab-content">
					<div id="detail_distribue" class="tab-pane fade active in clearfix" style="padding:15px;">
	
						<form method="post" class="bg_form padding_form border_form" name="" id="">
							{% if modificationDistribuees %}
    							{% set disabled = 'disabled' %}
							{% endif %}
                			<div class="row">
                    			<div class="colonne2">
                					<div class="row">                                        	 
                                	     {{ inputZoomAdvance("Fabricant" | trad, "CODEFABR", path('Ajax.liste.fabricant'), "", 
                                	     gamme.CODEFABR, 'convertLibelleGlobal', 
                                	     path('Ajax.validator.zoom'), "{'entity' : 'Fabricant','nomChamp' : '"~ 'Fabricant' | trad ~"', 'null' : true}" , "" , "",
                                	     path('Ajax.outil.convertLibelle'), "Fabricant","CODE", "RS", '','','','','',true) }}
                					</div>
                    			</div>
                    			<div class="colonne2 last">
                        			<div class="row">                                    	 
                                	     {{ inputZoomAdvance("Gamme" | trad, "CODEGAMME", path('Ajax.liste.gamme'), "{'filter_CODEFABR' : $('#input_CODEFABR').val()}", 
                                	     gamme.CODEGAMME, 'convertLibelleGlobal', 
                                	     path('Ajax.validator.zoom'), "{'entity' : 'Gamme','nomChamp' : '"~ 'Gamme' | trad ~"', 'null' : true}" , "" , "TEST",
                                	     path('Ajax.outil.convertLibelle'), "Gamme","CODEGAMME", "DESIGN", '','','','Liste des gammes' | trad,'',true) }}
                                	 </div>
                    			</div>
                    		</div>
                    			
                    			<div class="row single">
                    				<fieldset class="scheduler-border">
                                    	<legend class="scheduler-border">{{ 'Cumul remises' | trad }}</legend>
                        					{{ inputText('Cumul remises' | trad , 'REMISE', gamme.REMISE |number_format(2, '.', ''), '', '','', '', '', 'readonly' ) }}
                    				</fieldset>
                    			</div>
                         	
         					
                         	<div class="row clearfix" id="remise_gamme">
                         			{% for remise in listeRemise %}
                             			<fieldset class="scheduler-border colonne2 ajout_remise remise_fabricant">
                                    	
                                        	<legend class="scheduler-border">
                                        		<div id="libelleRemise">{{ 'Remise' | trad }}</div>
                                        		<div class="supprimer_remise">
                                            		{% if loop.index != 1 %}
                                                        <a onclick="suppresionRemise(this);" class="button secondaire button_right closed">{{ 'Supprimer' | trad }}</a>
                                            		{% endif %}
                                        		</div>
                                        	</legend>
                                        	<div class="row">
                                        		<div class="row"> 
                            						<input type="hidden" id='COMPTEUR_REMISE_{{ remise.NOORDEUNI }}' name='COMPTEUR_REMISE_{{ remise.NOORDEUNI }}' value="{{ remise.NOORDEUNI }}">
                                            		{{ inputText('Ordre' | trad, 'ORDRE_'~remise.NOORDEUNI, remise.NOORDRPRE, '', path('Ajax.validator.integer'), "{'sizeMin' : '0', 'sizeMax' : '3'}" ) }}    
                                        		</div> 
                                        		<div class="row">   
                            						{{ inputText('Remise' | trad, 'REMISE_'~remise.NOORDEUNI, remise.REMISE |number_format(2, '.', ''), '', path('Ajax.validator.float'), "{'format' : 3.2}", 'calculRemise','','', 'calcul_remise' ) }}
                                                </div>             
                                            </div>
	                                	</fieldset> 		
                         			{% endfor %}
                         	</div>
                         	<a class="button principal ajouter_remise" id="AddRemise" onclick="ajouterRemis('{{ path('Ajax.Erreur.popupConfirmationSuppresion') }}');">{{ 'Remise supplémentaire' | trad }}</a>
                         	<div class="modal-footer">
                         		<a href="{{ path('Fournisseur.Distribuees.distribuees', {id:code_fournisseur}) }}"><button type="button" class="button secondaire">{{ 'Annuler' | trad }}</button></a>
                         		<button class="button principal">{{ 'Enregistrer' | trad }}</button>
                         	</div>
                         </form>
    				</div>
    				
    			</div>
			</div>
		</div>
                <script>
                	{% if post.ErreurValid or ErreurValid != '' %}
                        activePopupErreur("{{ path('Ajax.Erreur.popupErreurValid') }}", "{{'Erreur lors de la validation !' | trad }} ", "{{ErreurValid | raw}}");
                    {% endif %} 


                    function calculRemise()
                    {
                        var remiseTotal=1;
                        $("#remise_gamme .calcul_remise").each(function() {
                            if($(this).val())
                            {
                                remise = (1- ($(this).val())/100);
                                remiseTotal = remiseTotal * remise;
                            }
                        });
                        remiseTotal = (1-remiseTotal) * 100;
                        $('#input_REMISE').val(remiseTotal.toFixed(2));
                    }
                    function ajouterRemis(path)
                    {
                        if($('fieldset:last').find('input:last').val())
                        {
                        	var copie = $('.remise_fabricant:first').clone();
                        	compteur = parseInt($('fieldset:last').find('input:first').val())+1;

                        	copie.find('input:first').attr('name', 'COMPTEUR_REMISE_'+compteur);
                        	copie.find('input:first').attr('id', 'COMPTEUR_REMISE_'+compteur);
                        	
                        	copie.find('input:last').attr('name', 'REMISE_'+compteur);
                        	copie.find('input:last').attr('id', 'REMISE_'+compteur);
                        	
                        	copie.find('input:eq(1)').attr('name', 'ORDRE_'+compteur);
                        	copie.find('input:eq(1)').attr('id', 'ORDRE_'+compteur);
                        	
                        	copie.find('.supprimer_remise').html('<a onclick="suppresionRemise(this);" class="button secondaire button_right closed">Supprimer</a>');

                        	copie.find('input:eq(1)').val('');
                        	copie.find('input:last').val('');
                        	copie.find('input:first').val(compteur);
                        	
                            $('fieldset:last').after(copie);
                        }
                        else
                        {
                            popupConfirmation(path, '','','Vous ne pouvez pas ajouter une remise alors que la précédente est vide.','');
                        }                        
                    }
                    function suppresionRemise(input)
                    {
                    	$(input).parent().parent().parent().remove();
                    	calculRemise();
                    }
                </script>
{% endblock %}