{% block body %}
	
	<div class="clearfix">
		<div class="colonne2">
			<div class="row">
        		{{ inputAdvance('TEXT',{
        		    'titre'             : 'Titre' | trad,
        		    'name'              : 'OBJET_AO'~consultation.idConsultation,
                    'pathValidator'     : path('Ajax.validator.isStringAvecEspace'),
                    'paramsValidator'   : "{'sizeMin' : '1', 'sizeMax' : '60'}",
                    'value'             : consultation.infoEntete.OBJET_AO,
        		    'obligatoire'       : champsObligatoire.OBJET_AO,
					'addClass'			: champsObligatoire.OBJET_AO ? 'changeForm_'~consultation.idConsultation : ''
        		}) }}
			</div>
			<div class="row">
        		{{ inputAdvance('TEXTAREA',{
        		    'titre'             : 'Description' | trad,
        		    'name'              : 'DESCR'~consultation.idConsultation,
                    'pathValidator'     : path('Ajax.validator.isStringAvecEspace'),
                    'paramsValidator'   : "{'sizeMin' : '0', 'sizeMax' : '3000'}",
                    'value'             : consultation.infoEntete.DESCR,
        		    'obligatoire'       : champsObligatoire.DESCR,
					'addStyle'			: champsObligatoire.DESCR ? 'changeForm_'~consultation.idConsultation : ''
        		}) }}
			</div>
		</div>
		<div class="colonne2 last">
			<div class="row">
        		{{ inputAdvance('DATE',{
        		    'titre'             : 'Réponse attendue pour le' | trad,
        		    'name'              : 'DEL_REP'~consultation.idConsultation,
        		    'pathValidator'     : path('Ajax.validator.date'),
        		    'paramsValidator'   : "{}",
        		    'value'             : consultation.infoEntete.DEL_REP,
        		    'obligatoire'       : champsObligatoire.DEL_REP,
					'addStyle'			: champsObligatoire.DEL_REP ? 'changeForm_'~consultation.idConsultation : ''
        		}) }}
			</div>
		</div>
	</div>
	
	<div class="clearfix">
		<div class="colonne2" style="width:60%">
        	<fieldset class="scheduler-border">
    			<legend class="scheduler-border">{{ 'Contenu consultation (articles)' | trad }}</legend>
            	<table class="table table-hover">
                  	<thead class="thead-dark">
                        <tr>
                            <th scope="col" width="">{{ 'Fournisseur' | trad }}</th>
                            <th scope="col" width="">{{ 'Articles' | trad }}</th>
                            <th scope="col" class="align-right">{{ 'Quantité' | trad }}</th>
                            <th scope="col" width="75px;">{{ 'Action' | trad }}</th>
                        </tr>
                	<tbody>
                		{% for ligne in consultation.arrayLigne %}
                			<tr id="ligne_consultation_{{ ligne.id_lig }}">
                				<td>{% if ligne.COD_FOURN %}{{ convertLibelleGlobal('FOURNISS', '', ligne.COD_FOURN, true) }}{% endif %}</td>
                				<td>{{ ligne.DES_ART }} ({{ ligne.COD_ART }})</td>
                				<td class="montant">{{ ligne.qte | qte }}</td>
                				<td style="text-align:center;">
                					<input type="hidden" name="consultationLigne_{{ consultation.idConsultation }}_{{ ligne.id_lig }}" id="consultationLigne_{{ consultation.idConsultation }}_{{ ligne.id_lig }}" value="{{ ligne.id_lig }}"/>
                					{{ hover_action('ligne_consultation_'~ligne.id_lig, 'Supprimer_v2' , "deleteArticle('"~ligne.id_lig~"');", 'float: right;margin-right:5px;') }}
                				</td>
                			</tr>
                		{% endfor %}
        			</tbody>
        		</table>
    		</fieldset>
		</div>
		<div class="colonne2 last" style="width:36% !important">
        	<fieldset class="scheduler-border">
    			<legend class="scheduler-border">{{ 'Fournisseur' | trad }}</legend>
            	<table id="listFrs{{ consultation.idConsultation }}" class="table table-hover">
                  	<thead class="thead-dark">
                        <tr>
                            <th scope="col" width="">{{ 'Code' | trad }}</th>
                            <th scope="col" width="">{{ 'Libellé' | trad }}</th>
                            <th scope="col" width="75px;">
              		 			<a class="ajouter_blanc_v2  white-tooltip"  onClick="popupFrs('{{ path('Consultation.ConsultationPanier.popupAddFrs') }}', '{{ consultation.idConsultation }}')" style="float: right;">
                        			<span class="infos_tooltip left">
                        				{{ 'Ajouter un fournisseur' | trad }}
                                    </span>
                                </a>
                            </th>
                        </tr>
                	<tbody>
                		{% for key, val in consultation.arrayFournisseur %}
                			<tr id="ligne_frs_{{ key }}">
                				<td>{{ key }}</td>
                				<td>{{ val }}</td>
                				<td style="text-align:center;">
                					<input type="hidden" class="consultationFrs_{{ consultation.idConsultation }}" name="consultationFrs_{{ consultation.idConsultation }}_{{ key }}" id="consultationFrs_{{ consultation.idConsultation }}_{{ key }}" value="{{ key }}"/>
                					{{ hover_action('ligne_frs_'~key, 'Supprimer_v2' , "deleteFrs('"~key~"');", 'float: right;margin-right:5px;') }}
                				</td>
                			</tr>
                		{% endfor %}
        			</tbody>
        		</table>
			</fieldset>
		</div>
	</div>
	
	<script>
		{% for ligne in consultation.arrayLigne %}
			$('#input_selected_ligne_{{ ligne.id_lig }}').prop('checked', false);
			$('#lignePanier_{{ ligne.id_lig }}').hide();
		{% endfor %}
		
		function deleteArticle(id_lig)
		{
			$('#ligne_consultation_'+id_lig).remove();
			$('#input_selected_ligne_'+id_lig).prop('checked', true);
			$('#lignePanier_'+id_lig).show();
		}
			
		function deleteFrs(idFrs)
		{
		    $('#ligne_frs_'+idFrs).remove();
        }
        
		function popupFrs(path, idConsultation)
		{
			var listFrs = [];
			$('.consultationFrs_{{ consultation.idConsultation }}').each(function(){
				listFrs.push($(this).val());
			});
		
            $.ajax({
                dataType : 'html',
                url: path,
                data: {listFrs : listFrs, idConsultation:idConsultation},
                type: "POST",
                success: function(result){
                    $("#modal-content").removeClass('modal_large modal_small').addClass('modal_small');
                    $("#modal-body").html(result);
                    activePopup ();
                    
                    desactiveLoader();
                }
            });
		}
	</script>
{% endblock %}