{% extends 'layout.twig' %}

{% block body %}
	<script type="text/javascript" src="{{ baseUrl('js/Modules/DemandeAchat/ModificationPrixLignes.js') }}"></script>
	<div class="contenu clearfix titre_div"  id="DemandeAchat">
		<h1>
			{{ H1 }}
		</h1>
		{{ ariane() }}

		<h2>
			{{ titreH2 }}
			{# {{ bouton_modifDA(idDA) }} #}
		</h2>

    	<div class="tab-content">
        	<div id="modifImput" class="tab-pane fade in active">
				<form method="post" name="form_modifPrix" id="form_modifPrix"> 
					<input type="hidden" id="submitForce" name="submitForce" value="0" />

					{{ blockEnteteDA(idDA, mode) }}
					{{ navBar_modifDA(idDA, mode, MODULE, false, 'ModifPrix', true) }}
		
					{# <h3>
						{{ 'Modification rapide des prix sur la DA'  | trad  }}

						{{ Button('Valider' | trad, 1,'', "validationModificationPrix('"~path('DemandeAchat.ModifierPrixLigneDemandeAchat.validation', {'mode' : mode, 'idDA' : idDA})~"')", []) }}
						{{ Button('Annuler' | trad, 0, pathAnnuler) }}
					</h3> #}
					<div class="boutonsRight">
						{{ Button('Valider' | trad, 1,'', "validationModificationPrix('"~ path('DemandeAchat.ModificationPrixLigneDemandeAchat.validation', {'mode' : mode, 'idDA' : idDA, 'MODULE' : MODULE}) ~"', '"~ pathAnnuler ~"')", [], true, '', '',  'enregistrementPrix') }}
						{{ Button('Annuler' | trad, 0, pathAnnuler) }}
					</div>
					
					<script>
						function validationModificationPrix(path, pathRetour)
						{
							activeLoader();
							$.ajax({
								url : path ,
								type: 'POST',
								data: $('#form_modifPrix').serialize(),
								success: function (data) {            
										desactiveLoader();
										$("#modal-content").addClass("modal_small");
										$("#modal-body").html(data);
										$("#modal-title").html('Erreur validation');
										activePopup();
								},
								error: function (data){
									// var data = jQuery.parseJSON(data.responseText);
									window.location.href = pathRetour;
								}
							});
						};
					</script>  
					
					<table class="table table-hover tableForm">
						<thead class="thead-dark">
							<tr>
								<th width='4%'>{{ 'Ligne' | trad }}</th>
								<th>{{ 'Article' | trad }}</th>
								<th>{{ 'Désign. Compl.' | trad }}</th>
								<th class="align-right" width='9%'>{{ 'Quantité' | trad }}</th>
								<th width='5%'>{{ 'Unité' | trad }}</th>
								<th class="align-right" width='14%'>{{ 'Prix unitaire' | trad }}</th>
								<th class="align-right" width='7%'>{{ 'Remise' | trad }}</th>
								<th class="align-right" width='8%'>{{ 'Montant ligne' | trad }}</th>
							</tr>
						</thead>
						<tbody>
						{% for ligne in lignesDA %}
							<tr id="demandeAchat{{ loop.index }}">
								<td>{{ ligne.NO_PO }}</td>
								<td>{{ ligne.DES_SOMM }} {% if ligne.CODE_ART | trim %}({{ ligne.CODE_ART }}) {% endif %}</td>
								<td>
									{{ shortLibelle(ligne.CONTMEMO, 35) }}</td>
								<td class="align-right">
									{{ qteByUnite(ligne.QTE_DEM, ligne.UNITE) }}
									<input type="hidden" name="QTE_DEM-{{ ligne.NO_PO }}" id="input_QTE_DEM-{{ ligne.NO_PO }}" value="{{ ligne.QTE_DEM }}" />
								</td>
								<td>{{ ligne.UNITE }}</td>
								<td class="align-right row">
									{{ inputAdvance('DEVISE', {
										'name' : 'PU-'~ ligne.NO_PO,
										'value' : ligne.PU | prix,
										'devise' : demandeAchat.DEVISE ,
										'pathValidator' : path('Ajax.validator.float'),
										'paramsValidator' : "{'format' : "~getConst('formatPU')~"}",
									}) }}
								</td>
								<td class="align-right row">
                                    {{ inputAdvance('DEVISE', {
										'name' : 'TX_REMISE-'~ ligne.NO_PO,
										'value' : ligne.TX_REMISE | tva,
										'devise' : '%',
										'pathValidator' : path('Ajax.validator.float'),
										'paramsValidator' : "{'format' : 'format' : " ~ getConst('formatMontant') ~ "}",
									}) }}
								</td>
								<td class="align-right" id="MNT_LIG-{{ ligne.NO_PO }}">
									<input type="hidden" name="TVA-{{ ligne.NO_PO }}" id="TVA-{{ ligne.NO_PO }}" value="{{ ligne.TVA | prix }}" />
									<input type="hidden" name="HT-{{ ligne.NO_PO }}" id="HT-{{ ligne.NO_PO }}" value="{{ ligne.MNT_LIG | prix }}" />
									<span>{{ ligne.MNT_LIG | prix }}</span>
									<span>{{ ' ' ~ demandeAchat.DEVISE ~ ' HT'}} </span>
								</td>
							</tr>
						{% endfor %}
						</tbody>
					</table>
					<script>
						$('input, select, textarea').change(function (e) {		
                            var id = $(this).attr('id').trim().slice(-1);
                            var pu = parseFloat($('#input_PU-' + id).val().replace(',', '.').replace(' ', '')) || 0;
                            var qte = parseFloat($('#input_QTE_DEM-' + id).val()) || 0;
                            var tx = parseFloat($('#input_TX_REMISE-' + id).val().replace(',', '.')) || 0;
                            var total = (pu * qte * (1 - (tx / 100))).toFixed(2);
                            $('#MNT_LIG-' + id + ' span:first').text(total);
                            $('#HT-' + id).val(total);
						});
					</script>
				</form>
			</div>
    	</div>
	</div>	
{% endblock %}