{% extends 'base.html.twig' %}

{% form_theme form 'form/fields.html.twig' %}

{% block body %}

    <!-- BEGIN PAGE BAR -->
    <div class="page-bar">
        
        <!-- BEGIN BREADCRUMB -->
        <ul class="page-breadcrumb">
            <li>
                <a href="{{ path('homepage') }}">Accueil</a>
                <i class="fa fa-circle"></i>
            </li>
            <li>
                <a href="{{ path('achat_index') }}">Achats</a>
                <i class="fa fa-circle"></i>
            </li>
            <li>
                <a href="{{ path('achat_show', { 'id': achat.id }) }}">Achat</a>
                <i class="fa fa-circle"></i>
            </li>
            <li>
                <span>Editer retour</span>
            </li>
        </ul>
        <!-- END BREADCRUMB -->
    </div>

    <br/>
	
	{{ form_start(form, {'attr': {'class': 'form-horizontal'}}) }}
    <div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption">
                <i class="icon-settings"></i>
                <span class="caption-subject">Commande N° {{ achat.numCommande }} {{ achat.fournisseur.raisonSociale }}</span>
            </div>
        </div>

        <div class="portlet-body form">
			<div class="form-body">
				{{ form_widget(form) }}
			</div>
			<div class=" col-md-9">
				<div class="row">
				<div class="table-responsive">
					<table class="table table-striped table-hover">
						<thead>
							<tr>
								<th>Produit</th>
								<th>Quantitée commandée</th>
								<th>Quantitée retournée</th>
								<th>Nouvelle quantitée</th>
							</tr>
						</thead>
						<tbody>
						{% for alp in achat_retour.rproduits() %}
							<tr>
								<td>
									{{ alp.getAchatProduit().getProduit().getTitre() }}
									<input type="hidden" name="ids[]" value="{{ alp.id }}">
								</td>
								<td>{{ alp.getAchatProduit().getQuantite() }}</td>
								<td>{{ alp.getQuantite() }}</td>
								<td>
									<input type="number" name="quantite[]" value="{{ alp.getQuantite() }}" min="0" max="{{ alp.getAchatProduit().getQuantite() }}" class="quatite_retour" id="quantite{{ alp.getId() }}" 
											data-id="{{ alp.getAchatProduit().getId() }}" 
											data-prixht="{{ alp.getAchatProduit().getPrixHt() }}" 
											data-tauxtva="{{ alp.getAchatProduit().getTauxTva() }}" 
									>
								</td>
							</tr>
						{% endfor %}
						</tbody>
					</table>
				</div>
				</div>
			</div>
				
			<div class="form-actions">
				<div class="row">
					<div class=" col-md-9">
						<a href="{{ path('achat_show', { 'id': achat.id }) }}" class="btn default"><i class="fa fa-arrow-left"></i> Retour</a>
						<button type="submit" class="btn green"><i class="fa fa-save"></i> Enregistrer</button>
					</div>
				</div>
			</div>
        </div>
    </div>
	{{ form_end(form) }}
{% endblock %}

{% block javascripts %}
<script type="text/javascript">
	$(document).ready(function()
	{

		$('.quatite_retour').bind('change', function(e){
			var val = $(this).data('id');
			
			calculerPrix();
			
		});
	})

	function calculerPrix(){
		var totalHt = 0;
		var totalRemise = 0;
		var totalTva = 0;
		var totalTtc = 0;
		var totalBenefice = 0;

		$('.quatite_retour').each(function(i) {
			var qtt = $(this).val();
			//alert(qtt);
			if(qtt>0){
				var prixht = $(this).data('prixht');
				var tauxtva = $(this).data('tauxtva');
				var tauxremise = 0; //$(this).data('tauxremise');
				var prixachat = 0; //$(this).data('prixachat');

				totalHt += prixht * qtt;
				totalTva += (prixht * tauxtva / 100) * qtt;

				var prixttc = totalHt + totalTva;

				totalTtc += (prixttc - (prixttc * tauxremise / 100)) * qtt;
				totalRemise += (prixttc * tauxremise / 100) * qtt;
				totalBenefice += totalTtc - (prixachat * qtt);
			}

			$("#appbundle_achatretour_totalHT").val(totalHt);
			$("#appbundle_achatretour_totalTVA").val(totalTva);
			$("#appbundle_achatretour_totalTTC").val(totalTtc);
			//$("#appbundle_venteretour_totalRemise").val(totalRemise);
		})
	}
	</script>

{% endblock %}