{% block body %}
	<div id="refreshLigne" style="position:relative;">

		{% if canEdit %}
		
			<form style="width:33%; position:absolute;top:-5px;">
    			<div class="row" id="sizePrice">
        			{{ inputAdvance('TEXT',{
        			    'titre' : 'Poids du critère prix' | trad,
        			    'name' : 'POIDS_APRIX',
        			    'addStyle' : 'width:50px;',
        			    'value' : poidsAPRIX,
            		    'pathValidator' : path('Ajax.validator.float'),
            		    'paramsValidator' : "{'format' : 2.2}",
                	    'myFuncValidator' : 'updateValueLigne',
                	    'paramFuncValidator' : '[]',
        			}) }}
    			</div>
				<style>
					#sizePrice {
						width:250px;
					}
					#sizePrice label{
						width:200px;
					}
				</style>
    			<script>
    			
    				function updateValueLigne()
    				{
            			var value = $('#input_POIDS_APRIX').val();
            			
            			activeLoader();
                        $.ajax({
                            dataType : 'html',
                            url: '{{ path('Consultation.Articles.ajaxUpdateAPRIX', {idAO:idAO}) }}',
                            data: {POIDS_APRIX:value},
                            type: "POST",
                            success: function(result){
                                desactiveLoader();
                            }
            			});
    				}
    			
    			</script>
			</form>
        	<a class="button principal button_right" style="margin-right:0px;margin-bottom: 10px;" href="{{ path('Consultation.Articles.createEdit', {idAO: idAO}) }}">{{ 'Ajouter un poste' | trad }}</a>
        	<a class="button principal button_right" href="{{ path('Consultation.Articles.listeLigneDaImport', {idAO: idAO}) }}">{{ 'Importer des DA' | trad }}</a>
        	<a class="button principal button_right" href="{{ path('RechercheArticles.RechercheArticles.recherche', {contexte:'AO', idContexte:idAO}) }}">{{ 'Ajouter article via recherche article' | trad }}</a>
    	{% endif %}
    
    	<table class="table table-hover">
          	<thead class="thead-dark">
                <tr>
                    <th scope="col" width="50px">{{ 'N° DA' | trad }}</th>
                    <th scope="col" width="50px">{{ 'Ligne' | trad }}</th>
                    <th scope="col" width="100px">{{ 'Code article' | trad }}</th>
                    <th scope="col" width="">{{ 'Désignation' | trad }}</th>
                    <th scope="col" width="">{{ 'Désign. compl.' | trad }}</th>
                    <th scope="col" class="align-right">{{'Quantité' | trad }}</th>
                    <th scope="col" width="">{{'Unité' | trad }}</th>
                    <th scope="col" class="align-right">{{'Prix réf' | trad }}</th>
                    <th scope="col" class="align-right">{{'Budget' | trad }}</th>
                    <th scope="col" width="75px">{{'Actions' | trad }}</th>
                </tr>
            </thead>
        	<tbody>
        		{% for consultation in ligneConsultation %}
        			{% if consultation.TITRE_AVANT_LIGNE %}
        				<tr class="filter_Dynamique recherche tr_TITRE"><td colspan="10"><h4 style="margin-left:15px;">{{ consultation.TITRE_AVANT_LIGNE }}</h4></td></tr>
        			{% endif %}
        			<tr id="ligne_{{ consultation.NO_PO }}" >
        				<td>{% if consultation.NO_DA %}{{ consultation.NO_DA }}{% endif %}</td>
        				<td class="loupe">{% if consultation.NO_PO_DA %}{{ consultation.NO_PO_DA }}{% endif %}</td>
        				<td>{{ consultation.CODE_ART }}</td>
        				<td>{{ consultation.DES }}</td>
        				<td>{{ shortLibelle(consultation.DES_COMP, 100) }}</td>
        				<td class="montant">{{ consultation.QTE | prix }}</td>
        				<td class="devise">{{ consultation.UNITE }}</td>
        				<td class="montant">{{ consultation.PRIX_REF | prixUnitaire }}</td>
        				<td class="montant">{{ consultation.BUDGET | prix }}</td>
        				<td>
        					{% if canEdit %}
                                {{ hover_action('ligne_'~consultation.NO_PO, 'modifier_v2' , "window.location.href ='"~path('Consultation.Articles.createEdit', {idAO: idAO, idLigne:consultation.NO_PO})~"'", 'float: right;margin-right:5px;') }}
        				        {{ hover_action('ligne_'~consultation.NO_PO, 'Supprimer_v2' , "popupConfirmation(\'"~path('Ajax.Erreur.popupConfirmationSuppresion')~"\', \'\', \'"~path('Consultation.Articles.delete', {idAO: idAO, idLigne:consultation.NO_PO})~"\', \'"~('Etes-vous sûr de vouloir supprimer le poste' | trad |e('js')|raw)~" ?\', \'refreshLigne\')", 'float: right;margin-right:5px;') }}
            				{% endif %}
            			</td>
        			</tr>
                    <tr id="ligne_{{ consultation.NO_PO }}detail" class="detail_ligne hide_detail">
                    	<td colspan="10">                    	
                    		<div class="colonne3">
                    			<div class="informations">
                                    <p>
                                    	<span class="champs_label">{{ 'Fabricant' | trad }}</span>
                                        <span class="resultat">{% if consultation.COD_FAB %} {{ consultation.fabricant }} ({{ consultation.COD_FAB }}){% endif %}</span>
                                    </p>
                                    <p>
                                    	<span class="champs_label">{{ 'Gamme' | trad }}</span>
                                        <span class="resultat">{% if consultation.COD_GAM %} {{ consultation.gammes }} ({{ consultation.COD_GAM }}){% endif %}</span>
                                    </p>
                    			</div>
                    		</div>
                    		<div class="colonne3">
                    			<div class="informations">
                                    <p>
                                    	<span class="champs_label">{{ 'Sous-famille' | trad }}</span>
                                        <span class="resultat">{% if consultation.SSFAMILLE %} {{ consultation.sousFamille }} ({{ consultation.SSFAMILLE }}){% endif %}</span>
                                    </p>
                                    <p>
                                    	<span class="champs_label">{{ 'Réf. fabricant' | trad }}</span>
                                        <span class="resultat">{{ consultation.REF_FAB }}</span>
                                    </p>
                                </div>
                    		</div>
                    		<div class="colonne3 last">
                    			<div class="informations">
                                    <p>
                                    	<span class="champs_label">{{ 'Délais' | trad }}</span>
                                        <span class="resultat">{{ consultation.DELAI | dateTrad }}</span>
                                    </p>
                    			</div>
                    		</div>
                    	</td>
                	</tr>
        			{% if consultation.TITREST %}
        				<tr class="filter_Dynamique recherche tr_SSTOTAL"><td colspan="10" style="text-align:right;"><h5>{{ consultation.TITREST }} : XXX</h5></td></tr>
        			{% endif %}
        		{% endfor %}
    		</tbody>
        </table>
    </div>
{% endblock %}