
{% block body %}
{% if callV1== true %}
	<link rel="shortcut icon" href="{{ base() }}favicon.ico" type="image/x-icon">
	{{ titleHtml() }}
	<div id='loader' style='display:none;'>
		<div id='picto_loader'>
		</div>
	</div>
		
	{% include '@GlobalApplication/Template/_script.twig' %}

	<!-- specifique twig -->

{% endif %}

<div>
	<center>
	<div id="genetableau">
		<form method="POST" id='formListeFournisseur'>
			{% if type != 'suivi' and type != 'notFourn' %}
			<ul class="nav nav-tabs">
				{% if codeArtHaplus %}
					<li class="{% if type == 'article' %}active{% endif %}" onclick="ajaxRechercheTableau('{{path('Ajax.liste.fournisseur', {'type':'article'})}}', 'genetableau', 'formListeFournisseur')"><a>{{'Article' | trad}} - {{ libelleArticle |slice(0, 25) }}
					 <span class="nb_affectation">{{nbrArticle}}</span>
					</a></li>
				{% endif %} 
				{% if codeSousFamille %}
					<li class="{% if type == 'sousFamille' %}active{% endif %}" onclick="ajaxRechercheTableau('{{path('Ajax.liste.fournisseur', {'type':'sousFamille'})}}', 'genetableau', 'formListeFournisseur')"><a>{{'Sous-famille' | trad}} - {{ libelleSfFamille |slice(0, 25) }}
					 <span class="nb_affectation">{{nbrSousFamille}}</span>
					</a></li>      
				{% endif %} 
				{% if afficheTouslesfournisseur %}
					<li class="{% if type == 'ALL' or type == '' %}active{% endif %}" onclick="ajaxRechercheTableau('{{path('Ajax.liste.fournisseur', {'type':'ALL'})}}', 'genetableau', 'formListeFournisseur')"><a>{{'Tous les fournisseurs' | trad}}
					 <span class="nb_affectation">{{nbrFournisseurs}}</span>
					</a></li> 
			           
				{% endif %}
			</ul>
			{% endif %}
			<input type="hidden" name="divCode" value="{{ post.divCode }}" />
			<input type="hidden" name="divLibelle" value="{{ post.divLibelle }}" />
			<input type="hidden" name="code_sous_famille" value="{{ post.code_sous_famille }}" />
			<input type="hidden" name="code_art_haplus" value="{{ post.code_art_haplus }}" />
			<input type="hidden" name="frsPanier" value="{{ post.frsPanier }}" />
			<input type="hidden" name="callV1" value="{{ post.callV1 }}" />
			<input type="hidden" name="advancedPopup" value="{{ post.advancedPopup }}" />
			<input type="hidden" name="filter_PROSPECT" value="{{ post.filter_PROSPECT }}" />
			<input type="hidden" name="inputField" value="{{ post.inputField }}" />
			<input type="hidden" name="labelField" value="{{ post.labelField }}" />
			<input type="hidden" name="centre" value="{{ post.centre }}" />
			<input type="hidden" name="login" value="{{ post.login }}" />
			<input type="hidden" name="popup_contexte" value="{{ post.popup_contexte }}" />
			<input type="hidden" name="activeZone" value="{{ post.activeZone }}" />
			<input type="hidden" name="type" value="{{ type }}" />
			<input type="hidden" name="colorTemplate" value="{{ post.colorTemplate }}" />
			<input type="hidden" name="SESSION_SKIN_CODE" value="{{ post.SESSION_SKIN_CODE }}" />
			<input type="hidden" name="afficheTouslesfournisseur" value="{{ afficheTouslesfournisseur }}" />
			<input type="hidden" name="AO_RETENU" value="{{ post.AO_RETENU }}" />
			<input type="hidden" name="passage" value="1" />

			

			

			<div class="clearfix" style="margin-top:10px;";>
				<div class="colonne2" style="text-align: left;">
					<div class="row">
						 {{ inputAdvance('TEXTE',{
							'name' : 'departement',
							'titre' : 'Département' | trad,
							'value' : post.departement,
							'myFunction' : 'ajaxRechercheTableau',
							'myParams' : '["'~path(path,{'type':type})~'",  "genetableau", "formListeFournisseur" ]',
							
						}) }}
					</div>
					<div class="row">
						 {{ inputAdvance('TEXTE',{
							'name' : 'ville',
							'titre' : 'Ville' | trad,
							'value' : post.ville,
							'myFunction' : 'ajaxRechercheTableau',
							'myParams' : '["'~path(path,{'type':type})~'",  "genetableau", "formListeFournisseur" ]',
							
						}) }}
					</div>
					{% if shortLists %}
						<div class="row">
							{{ inputAdvance('SELECT',{
								'name' : 'filter_typeFourniss',
								'titre' : 'Short list' | trad,
								'listeValue' : shortLists,
								'value' : post.filter_typeFourniss,
								'myFunction' : 'ajaxRechercheTableau',
								'myParams' : '["'~path(path,{'type':type})~'",  "genetableau", "formListeFournisseur" ]',
								
							}) }}
						</div>
					{% endif %}
				</div>

				<div class="colonne2 last" style="text-align: left;">
					<div class="row">
						 {{ inputAdvance('TEXTE',{
							'name' : 'NO_SIRET',
							'titre' : 'SIRET / Id fiscal' | trad,
							'value' : post.NO_SIRET,
							'myFunction' : 'ajaxRechercheTableau',
							'myParams' : '["'~path(path,{'type':type})~'",  "genetableau", "formListeFournisseur" ]',
							
						}) }}
					</div>

					<div class="row">
						{# TODO : dynamically change label depending on CODE_PAYS #}
						{{ inputAdvance('TEXTE',{
							'name' : 'TAXE2',
							'titre' : 'Id fiscal secondaire' | trad ,
							'value' : post.TAXE2,
							'myFunction' : 'ajaxRechercheTableau',
							'myParams' : '["'~path(path,{'type':type})~'",  "genetableau", "formListeFournisseur" ]',
						}) }}
					</div>
					{% if motsClefs %}
						<div class="row">
							{{ inputAdvance('SELECT',{
							'titre' : 'Mots-clefs' | trad,
							'name' : 'motClef',
							'listeValue' : motsClefs,
							'value' : post.motClef,
							'myFunction' : 'ajaxRechercheTableau',
							'myParams' : '["'~path(path,{'type':type})~'",  "genetableau", "formListeFournisseur" ]',
							}) }}
						</div>
					{% endif %}

					{% if listePays %}
						<div class="row">
							{{ inputAdvance('SELECT',{
							'titre' : 'Pays' | trad,
							'name' : 'filter_egal_CODE_PAYS',
							'listeValue' : listePays,
							'value' : post.filter_egal_CODE_PAYS,
							'myFunction' : 'ajaxRechercheTableau',
							'myParams' : '["'~path(path,{'type':type})~'",  "genetableau", "formListeFournisseur" ]',
							}) }}
						</div>
					{% endif %}
				</div>
				<div class="colonne clearfix">
					
				<div class="row" style="width:400px">
					{{ inputSwitch(labelValide, 'valide', post.valide, (post.valide_obligatoire==1?'disabled ':'')~'onChange="ajaxRechercheTableau(\''~path(path,{'type':type})~'\', \'genetableau\', \'formListeFournisseur\')"') }}
				</div>
					<center>
						<button style="margin-bottom:20px" id="chercherFrs" onclick="ajaxRechercheTableau('{{path(path, {'type':type})}}', 'genetableau', 'formListeFournisseur');return false;" class="principal button btn_filtre button_center">{{'Filtrer' | trad}}</button>
					</center>
					
    			</div>
    			<table class="table" id="tableau">
    				<thead class="thead-dark">
        				<tr>
						{% for colonne in listeColonne %}
        					<th>{{ triTable(colonne.CODE_CHP,  infoPagination.filter['tri_'~ colonne.CODE_CHP], colonne.LIB_CHP_LISTE, 'genetableau', path(path,{'type':type}), 'formListeFournisseur') }}</th>	
						{% endfor %}
						
							{% if callV1== true %}
        						<th width="100px">{{'Action' | trad}}</th>		
							{% endif %}
        				</tr>
        			</thead>
        			<tbody>
        				<tr>
						{% for colonne in listeColonne %}
        					<th>{{ filterTable(colonne.CODE_CHP, infoPagination.filter['filter_'~ colonne.CODE_CHP], '','genetableau', path(path,{'type':type}), 'formListeFournisseur','text', '',  (colonne.CODE_CHP == 'CODE_PAYS'? 'Country':''), false) }}</th>						
						{% endfor %}
        				</tr>
        				{% for fournisseur in fournisseurs %}
					
						
						{% if callV1== true %}
							{% 
							
							set onclik = 'me().opener.document.getElementById("'~post.inputField~'").value="'~fournisseur.CODE | convert_encoding('UTF-8', 'ISO-8859-1')~'";me().opener.document.getElementById("'~post.inputField~'").focus();
								if("'~post.labelField~'" != ""){
									if(me().opener.document.getElementById("'~post.labelField ~'"))
										me().opener.document.getElementById("'~post.labelField ~'").focus();
								}
								closePopup()'  
							%}
						{% else %}
							{% set onclik = attrJs('changeCodeLibelle', [
									post.divCode,
									fournisseur.CODE,
									post.divLibelle,
									fournisseur.RS ~ ' (' ~ fournisseur.CODE ~ ')'
								]) 
								~ ';desactivePopup()'  
							%}
						
						{% endif %}
							<tr id="frs{{ fournisseur.CODE }}">
							{% for colonne in listeColonne %}
								{% if colonne.CODE_CHP == 'AUTOCC' and callV1== true and fournisseur[colonne.CODE_CHP] | boolSql %}
									<td><img src="{{baseUrl('IconeV2/Global/cart.svg')}}" style="z-index:999" /></td>
								{% elseif colonne.CODE_CHP == 'AUTOCC' and callV1== true and fournisseur[colonne.CODE_CHP] | boolSql == false %}		
									<td onclick="{{ onclik | raw }}">{{ 'Non' | trad  }}</td>		
								{% elseif colonne.CODE_CHP == 'NOTMOYFO' %}
									<td onclick="{{ onclik | raw }}">{{ fournisseur[colonne.CODE_CHP] | tva  }}</td>
								{% else %}
									<td
										{% if colonne.CODE_CHP == 'CODE' %}
											class="toggleSlide code"
											onclick="toggleSlide('{{ path('RechercheArticles.fournisseur.fiche', {idFourn:fournisseur.CODE}) }}' , 'frs{{ fournisseur.CODE }}detail', {popupFrs: true});"
										{% else %}
											onclick="{{ onclik | raw }}" 
										{% endif %}
									>{{ fournisseur[colonne.CODE_CHP] | convert_encoding('UTF-8', 'ISO-8859-1')  }}</td>
								{% endif %}
							{% endfor %}							
        				</tr>
						<tr id="frs{{ fournisseur.CODE }}detail" class="detail_ligne hide_detail">
						</tr>
        				{% endfor %}
        			</tbody>
    			</table>
    	</form>

		{# <script>
				var typingTimer;                //timer identifier
				var doneTypingInterval = 1000;  //time in ms, 5 seconds for example
				var $input = $('#input_ville');

				//on keyup, start the countdown
				$input.on('keyup', function () {
				clearTimeout(typingTimer);
				typingTimer = setTimeout(doneTyping, doneTypingInterval);
				});

				//on keydown, clear the countdown 
				$input.on('keydown', function () {
				clearTimeout(typingTimer);
				});

				//user is "finished typing," do something
				function doneTyping () {
				//do something
					$input.change();
					$input.focus();
					$input.on('keyup', function () {
					clearTimeout(typingTimer);
					typingTimer = setTimeout(doneTyping, doneTypingInterval);
					});

					//on keydown, clear the countdown 
					$input.on('keydown', function () {
					clearTimeout(typingTimer);
					});
				}
		</script>
		#}
		{% if callV1 %}
			{{ paginations(path(path,{'type':type}),infoPagination.nombreDePage, infoPagination.page, infoPagination.post, 'genetableau') }}
		{% else %}
			{{ paginations(path(path,{'type':type}),infoPagination.nombreDePage, infoPagination.page, infoPagination.post, type=='suivi'? 'suivi':'modal-body') }}
			
			<script>
				$('#modal-content').removeClass('modal_small').addClass('modal_large');
			</script>
		{% endif %}
	</div>

	</center>
	</div>
	<script>
		init(
			'{{ path("Ajax.Notification.majNotification") }}',
			'{{ baseUrl('IconeV2/Global/deadline-change.svg') }}',
			'{{ "dd/mm/yy" | paramDateFormat }}',
			'{{ path("Ajax.AutoComplete.autocomplete") }}'
		);
	
		{% if callV1 %}
			$(document).ready(function(){
				Oxa_getDevice().document.getElementById('oxawin_title').innerHTML= '{{ 'Liste des fournisseurs' | trad}}';
			});
		{% endif %}
	</script>
{% endblock %}
