{% extends 'layout.twig' %}

{% block body %}
<div class="contenu clearfix"  id="fournisseurs">
	<h1>
    	{{ TITRE }}
    </h1>
    {{ ariane() }}
    
    <div id="detail_fournisseur" class="clearfix titre_div">
    	{% if articleFraisPort %}
            {{ navBar_creationFourniss(modeFournisseur, id, ficheFourniss) }}
    	{% else %}
            <h2>{{ MODULE | trad }} : {{ libelle }} ({{ id }})</h2>
            {{ arianeSub() }}
        {% endif %}
		<div class="tab-content">
			<div id="creationArticleFG" class="tab-pane fade active in clearfix" style="padding:15px;">

				<form method="post" class="box-form" name="creationArticleFG" id="creationArticleFG">
					<div class="row">
                       	<div class="colonne2">
                            <div class="row">
                            	{% if modifArticles %}
                            	    {% set disabled = 'disabled' %}
                        	    {% elseif articleFraisPort %}
                        	    	{% set disabled = 'readOnly' %}
                            	{% endif %}
                            	{{ 
                            	    inputZoom('Code article' | trad, "CODE_ART", path('Ajax.liste.articles'), 'Articles' | trad, "",    
                            	    articles.CODE_ART, '', 
                            	    path('Ajax.validator.zoom'), "{'entity' : 'Articles','nomChamp' :  '"~ 'Articles' | trad ~"'}", 
                            	    'ConvertLibelle', '["'~path('Ajax.outil.convertLibelle')~'" ,this, "Articles", "CODE_ART", "DESIGN", "input_DESIGN", "input_CODE_ART", "true", "", "", true]', '', '','',disabled, '','','',true) 
                            	 }}  
                            </div>
                            <div class="row">
                                {{ inputText('Désignation' | trad, 'DESIGN', convertLibelleGlobal('ARTICLES', '', articles.CODE_ART, false), '','','','','','disabled' ) }}
                            </div>
                            <div class="row">
                            	{{ inputText('Remise article (en %)' | trad, 'REMISE',  articles.REMISE, '', path('Ajax.validator.float'), "{'format' : 3.2}" ) }}
                            </div>                     
                        </div>
                        <div class="colonne2 last">
                            <div class="row">
                                {{ inputDate('Validité du' | trad, 'DTEVALMIN',  articles.DTEVALMIN|dateTrad, '' , path('Ajax.validator.date'), '{}') }}
                        	</div>
                        	<div class="row">
                                {{ inputDate('Validité Au' | trad, 'DTEVALMAX',  articles.DTEVALMAX|dateTrad, '' , path('Ajax.validator.date'), '{}') }}
                        	</div>
                        	<div class="row">
                                {{ inputSelect('Contrôle qualité' | trad, "CTRL_QUA", {'':'Pas de contrôle' | trad , VER:'Verification document' | trad }, articles.CTRL_QUA) }}
                        	</div>
                        </div>
					</div>
					<fieldset class="scheduler-border">
						<legend class="scheduler-border">{{ 'Référence chez le fournisseur' | trad }}</legend>
						<div class="colonne2">
    						<div class="row">
    							{{ inputText('Code' | trad, 'REFARTFOU',  articles.REFARTFOU, '', path('Ajax.validator.isStringSansEspace'), "{'sizeMin' : '0', 'sizeMax' : '12'}" ) }}
							</div>
						</div>
						<div class="colonne2 last">
    						<div class="row">
        						{{ inputText('Désignation' | trad, 'DESARTFOU',  articles.DESARTFOU, '', path('Ajax.validator.isStringAvecEspace'), "{'sizeMin' : '0', 'sizeMax' : '60'}" ) }}
    						</div>
						</div>
					</fieldset>
					<fieldset class="scheduler-border">
						<legend class="scheduler-border">{{ 'Caracteristique' | trad }}</legend>
						<div class="colonne3">
							<div class="row">
    							{{ inputText('Qté de conditionnement (unité)' | trad, 'QTE_COND',  articles.QTE_COND, '', path('Ajax.validator.float'), "{'format' : "~getConst('formatQTE')~"}" ) }}
							</div>
							<div class="row">
                                	{{ inputAdvance('select',{
                                	    'titre' : 'Pays origine' | trad,
                                	    'name'  : 'PAY_ORI',
                                	    'listeValue' : tabPays,
                                	    'value' : articles.PAY_ORI,
										'optionVide' : true,
                                	}) }}
							</div>
							<div class="row">
                                	{{ inputAdvance('select',{
                                	    'titre' : 'Pays de provenance' | trad,
                                	    'name'  : 'PAY_PROV',
                                	    'listeValue' : tabPays,
                                	    'value' : articles.PAY_PROV,
										'optionVide' : true,
                                	}) }}
							</div>
						</div>
						<div class="colonne3">
    						<div class="row">
        						<div class="row">
                                    {{ inputText('Volume (m3)' | trad, 'VOLUME',  articles.VOLUME, '', path('Ajax.validator.float'), "{'format' : 9.2}" ) }}
    							</div>
        						<div class="row">
                                    {{ inputText('Poids (kg) brut' | trad, 'POIDS',  articles.POIDS, '', path('Ajax.validator.float'), "{'format' : 9.2}" ) }}
    							</div>
        						<div class="row">
                                    {{ inputText('Poids (kg) net' | trad, 'POIDSNET',  articles.POIDSNET, '', path('Ajax.validator.float'), "{'format' : 9.2}" ) }}
    							</div>
							</div>
						</div>
						<div class="colonne3 last">
    						<div class="row">
                                {{ inputText('Longueur (cm)' | trad, 'LONGU',  articles.LONGU, '', path('Ajax.validator.float'), "{'format' : 9.2}" ) }}
							</div>
    						<div class="row">
                                {{ inputText('Largeur (cm)' | trad, 'LARG',  articles.LARG, '', path('Ajax.validator.float'), "{'format' : 9.2}" ) }}
							</div>
    						<div class="row">
                                {{ inputText('Hauteur (cm)' | trad, 'HAUT',  articles.HAUT, '', path('Ajax.validator.float'), "{'format' : 9.2}" ) }}
							</div>
						</div>
					</fieldset>
					<fieldset class="scheduler-border">
						<legend class="scheduler-border">{{ 'Tarif' | trad }}</legend>
						<div class='row originTarif'>
							<div class="colonne3">
    							{{ inputText('Quantité' | trad, 'QTE',  0, '', path('Ajax.validator.float'), "{'format': "~getConst('formatQTE')~"}", '','','readOnly' ) }}
							</div>
							<div class="colonne3">
    							{{ inputDevise('Prix' | trad, 'PU',  articles.PU | prixUnitaire, '', path('Ajax.validator.float'), "{'format': "~getConst('formatPU')~"}" ) }}
								<input type="hidden" class='count_tarif' value='0'>	
							</div>
							<div class="colonne3 last supprimer">
							</div>
						</div>
						{% for prix in listePrix %}
    						<div class='row originTarif'>
    							<div class="colonne3">
        							{{ inputText('Quantité' | trad, 'QTE_ADD_'~loop.index,  prix.QTE, '', path('Ajax.validator.float'), "{'format': "~getConst('formatQTE')~"}" ) }}
    							</div>
    							<div class="colonne3">
        							{{ inputDevise('Prix' | trad, 'PU_ADD_'~loop.index,  prix.PU | prixUnitaire, '', path('Ajax.validator.float'), "{'format': "~getConst('formatPU')~"}" ) }}
    								<input type="hidden" class='count_tarif' value='{{ loop.index }}'>	
    							</div>
    							<div class="colonne3 last supprimer">
    								<a id="{{ loop.index }}" onClick="supprimerTarif(this);" style="cursor:pointer;"class="button secondaire closed">{{ 'Supprimer' | trad }}</a>
    							</div>
    						</div>	
						{% endfor %}
						<a class="button principal" id='addTarif' onClick='AjouterTarif()'>{{ 'Ajouter un tarif' | trad }}</a>
					</fieldset>
                    <div class="modal-footer">
                    	{% if articleFraisPort %}
                    		<a class="button secondaire" onclick="clickOnglet('{{ path('Ajax.SessionCreation.ongletSession') }}', 'conditions', 'Fournisseur', '{{ path('Fournisseur.ModificationFournisseur.ModificationFournisseur', {id:id}) }}')">{{ 'Annuler' | trad }}</a>
                    	{% else %}
                        	<a class="button secondaire" href="{{ path('Fournisseur.Articles.articles', {MODULE:MODULE, id:id}) }}">{{ 'Annuler' | trad }}</a>
                    	{% endif %}
                    	<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 AjouterTarif()
	{
		var compteurContact= parseInt($('.count_tarif:last').val())+1;
		var copie = $('.originTarif:first').clone();

		copie.find('.supprimer').html('<a id="'+compteurContact+'" onClick="supprimerTarif(this);" style="cursor:pointer;"class="button secondaire closed">{{'Supprimer' | trad }}</a>');
		copie.find('input:first').attr('name', 'QTE_ADD_'+compteurContact);
		copie.find('input:eq(1)').attr('name', 'PU_ADD_'+compteurContact);

		copie.find('input:first').attr('id', 'QTE_ADD_'+compteurContact);
		copie.find('input:eq(1)').attr('id', 'PU_ADD_'+compteurContact);
		
		copie.find('input:first').attr("readonly", false); 
		
		copie.find('input:first').val('');
		copie.find('input:eq(1)').val('');
		copie.find('input:last').val(compteurContact);
		
		$('#addTarif').before(copie);
	}

	function supprimerTarif(id)
	{
		$(id).parent().parent().remove();
	}
</script>
{% endblock %}