{% extends 'layout.twig' %}

{% block body %}
<div class="contenu clearfix"  id="fournisseurs">
	<h1>
    	{{ 'Fournisseurs' | trad }}
    </h1>
    {{ ariane() }}
    
    <div id="detail_fournisseur" class="clearfix titre_div">
        <h2>
            {{  'Fournisseurs' | trad }} : {{ libelle_fournisseur??libelle }} {% if code_fournisseur!='noId' and id !='noId' %}({{ code_fournisseur??id }}){% endif %}
            {% if listeSousFamille | length and suiviDemande==false %}
        		{{ ButtonExport(path(
					'Fournisseur.SousFamilleInteraction.exportSousFamille',
					{id:code_fournisseur, codeDemande: codeDemande}
				), 'filtre_sousFamille', path('Ajax.Erreur.popupInformation') , path('Ajax.Outil.appelAsync')) }}
        	{% endif %}
        </h2>
        
		{{ arianeSub() }}
            
		<form id="filtre_sous_famille" name="filtre_sous_famille" method="POST">
			<div class="tab-content">
				<div class="tab-content">
					<div id="filter_subFamily" class="tab-pane active in clearfix bg_form padding_form border_form">
						<div class="filtre">
							{{ inputAdvance('TEXT', {
								titre: 'Familles' | trad,
								name: 'filter_DES_FAMILLE',
								value: post.filter_DES_FAMILLE,
								inputAttr: {
									onchange: 
										'ajaxRechercheTableau('
										~ path(
											'Fournisseur.SousFamilleInteraction.sousFamille',
											{id : code_fournisseur, codeDemande: codeDemande}
										) | json 
										~ ", 'detail_fournisseur', 'filtre_sous_famille')"
								}
							}) }}
						</div>
						<div class="filtre">
							{{ inputAdvance('TEXT', {
								titre: 'Sous-familles' | trad,
								name: 'filter_DES_SOUS_FAMILLE',
								value: post.filter_DES_SOUS_FAMILLE,
								inputAttr: {
									onchange: 
										'ajaxRechercheTableau('
										~ path(
											'Fournisseur.SousFamilleInteraction.sousFamille',
											{id : code_fournisseur, codeDemande: codeDemande}
										) | json 
										~ ", 'detail_fournisseur', 'filtre_sous_famille')"
								}
							}) }}
						</div>
                        	
					</div>
					<div class="resultat_filtre">
						{{ bullFiltre(post, 'filtre_sous_famille') }}
					</div>
				</div>
				<div id="resultat" class="tab-pane fade in active clearfix padding15">
					<div class="slide-container">
						<div class="list-group" id="mg-multisidetabs">
							{% set listeEtat = {
								'A': 'Nouveau' | trad,
								'S': 'Supprimer' | trad,
							} %}
							{% for famille in listFam %}
								<a class="list-group-item clearfix">
									<span>{{ famille.DESIGNAT }} ({{ famille.CODE_FAM }})</span>
									<span class="glyphicon glyphicon-chevron-down mg-icon pull-right"></span>
									<span class="pull-right" style="padding-right:40px;"></span>
								</a>
								<div class="panel list-sub">
									<div class="panel-body">
										<div class="list-group" id="id_{{ famille.CODE_FAM }}">
											<a href="#" class="list-group-item">
												<table class="table table-hover">
													<thead class="thead-dark">
														<tr>
															<th scope="col" width="130px">{{ 'Code' | trad }}</th>
															<th scope="col" >{{ 'Libellé' | trad }}</th>
															{% if suiviDemande %}<th scope="col" width='8%'>{{ 'Etat' | trad }}</th>{% endif %}

														</tr>
													</thead>
													<tbody>
														{% for SSFamille in famille.listSousFam %}
															<tr>
																<td>{{ SSFamille.CODE_SFA }}</td>
																<td>{{ SSFamille.DESIGNAT  }}</td>
																{% if suiviDemande -%}
																	<td>{{ listeEtat[ SSFamille.ETAT ] }}</td>
																{%- endif %}
															</tr>
														{% endfor %}
													</tbody>
												</table>
											</a>
										</div>
									</div>
								</div>
							{% endfor %}
						</div>
					</div>
				</div>	
			</div>
		</form>
	</div>
</div>
{% endblock %}