{% extends 'layout.twig' %}

{% block body %}

    <div class="clearfix titre_div contenu"  id="Commande">
		<h1>{{ 'Commandes' | trad }}</h1>
		{{ ariane() }}

        <h2>
            {{ 'Modification commande' | trad  }} {{ idCommande }} {% if commande.AVENANT %} - {{ commande.AVENANT }}{% endif %}:
        </h2>
    	<div class="tab-content">
            {% include '@Commande/Creation/blockEntete.twig' %}

            <form action="" method="post" name="form_modifPrix" id="form_modifPrix">

                <div class="clearfix" style="margin-top:10px; margin-bottom:10px;">
                    <a onClick="ajaxPopupV2('{{ path('Commande.ModificationCommande.ajaxEditPrixLigne', {idCommande:idCommande}) }}', 'form_modifPrix');" style="margin-right:0px;" class="button principal btn_right">{{ 'Modifier' | trad }}</a>
                    <a href="{{ path('Commande.ModificationCommande.index', {idCommande:idCommande}) }}" class="button secondaire btn_right">{{ 'Retour' | trad }}</a>
                </div>

                <div class="clearfix" style="margin-top:15px;">

                    <table class="table table-hover tableForm">
                        <thead class="thead-dark">
                            <th scope="col" width="5%">{{ 'Ligne' | trad }}</th>
                            <th scope="col">{{ 'Article' | trad }}</th>
                            <th scope="col">{{ 'Désign. Compl.' | trad }}</th>
                            <th scope="col" width="8%">{{ 'Quantité' | trad }}</th>
                            <th scope="col" width="5%">{{ 'Unité' | trad }}</th>
                            <th scope="col" width="15%">{{ 'Prix unitaire' | trad }}</th>
                            <th scope="col" width="8%">{{ 'Remise' | trad }}</th>
                            <th scope="col" width="8%">{{ 'Montant ligne' | trad }}</th>
                        </thead>
                        {% for ligne in listeLigne %}
                            <tr>
                                <td>{{ ligne.NO_PO }}</td>
                                <td>{{ ligne.Article }}</td>
                                <td>{{ ligne.DES_SOMM }}</td>
                                <td>{{ ligne.QTE_COMM | number_format(3, '.', '') }}</td>
                                <td>{{ ligne.UNITE }}</td>
								<td class="align-right row">
									{{ inputAdvance('DEVISE', {
										'name' : 'PU-'~ ligne.NO_PO,
										'value' : ligne.PU | prix,
										'devise' : commande.DEVISE ,
										'pathValidator' : path('Ajax.validator.float'),
										'paramsValidator' : "{'format' : 'format' : "~getConst('formatPU')~"}",
										'myFunction' : 'calculMontantLigne',
										'myParams' : '['~ ligne.NO_PO ~']',
									}) }}
								</td>
								<td class="align-right row">
									{{ inputAdvance('DEVISE', {
										'name' : 'REMISE-'~ ligne.NO_PO,
										'value' : ligne.REMISE | tva ,
										'devise' : '%',
										'pathValidator' : path('Ajax.validator.float'),
										'paramsValidator' : "{'format' : 'format' : "~getConst('formatMontant')~"}",
										'myFunction' : 'calculMontantLigne',
										'myParams' : '['~ ligne.NO_PO ~']',
									}) }}
								</td>
                                <td class="align-right">
                                    <input type="hidden" id="QTE_COMM-{{ ligne.NO_PO }}" value="{{ ligne.QTE_COMM }}" />
                                    <span id="MNT_LIG-{{ ligne.NO_PO }}">{{ ((ligne.QTE_COMM * ligne.PU) * (1-(ligne.REMISE/100)))| prix }}</span>
                                </td>
                            </tr>
                        {% endfor %}
                    </table>
                </div>

            </form>
        </div>
    </div>
    <script>
        function calculMontantLigne(noPo) {
            var qte = parseFloat($('#QTE_COMM-'+noPo).val());
            var mtnArticle = parseFloat($('#input_PU-'+noPo).val().replaceAll(' ', ''));
            var remise = parseFloat($('#input_REMISE-'+noPo).val());
            var montantLigne = (qte*mtnArticle)*(1-(remise/100));
            // TODO MCH voir pour la maj du montant
            $('#MNT_LIG-' + noPo).html(montantLigne);
        }
    </script>
{% endblock %}
