{# @author: Benjamin AMOUZOU <benkokouamouzou@gmail.com> #}
{% extends "commercial/template-commercial.html.twig" %}

{% block titre_enfant %}
	Fournisseurs
{% endblock %}

{% block contenu_principal_commercial %}
	<div class="container-fluid">
		{% include('template-message.html.twig') %}

		<div class="row">
			<div class="col-lg-12">
				<div style="display: flex; flex-direction: row; justify-content:space-between; align-items: center">
					<h5>Fournisseurs&nbsp;&nbsp;<span class="badge btn-new" style="border-radius: 15px">{{total}}</span>
					</h5>
					<a href="{{path('app_fournisseur_new')}}" class="btn btn-new btn-sm mt-3">
						<i class="fa fa-plus-square-o fa-lg" color="white"></i>&nbsp;&nbsp;Nouveau
					</a>
				</div>
			</div>
			<div class="col-lg-12 mt-3">
				<div class="table-responsive">
					<table class="table table-bordered table-hover">
						<thead>
							<tr>
								<td class="font-weight-bold" style="width: 3%">#</td>
								<td class="font-weight-bold">Dénomination</td>
								<td class="font-weight-bold">Interlocuteur</td>
								<td class="font-weight-bold">Poste</td>
								<td class="font-weight-bold" style="width: 13%">Contacts</td>
								<td class="font-weight-bold" style="width: 10%">Action</td>
							</tr>
						</thead>
						<tbody>
							{% set nbre = 0 %}
							{% for fournisseur in fournisseurs %}
								<tr>
									{% set nbre = nbre + 1 %}
									<td>{{nbre}}</td>
									<td>{{ fournisseur.denomination|upper }}</td>
									<td>
										{% if fournisseur.personneContacts is defined and fournisseur.personneContacts is not empty %}
											{#Affichage de M. et Mme en fonction du sexe#}
											{% if fournisseur.personneContacts[0].sexe == 'F'%}
												{{'Mme'}}
											{% else %}
												{{'M.'}}
											{% endif %}
											{{fournisseur.personneContacts[0].nom|upper}}
											{{fournisseur.personneContacts[0].prenoms}}
										{% endif %}
									</td>
									<td>
										{% if fournisseur.personneContacts is defined and fournisseur.personneContacts is not empty %}
												{{fournisseur.personneContacts[0].poste}}
										{% endif %}
									</td>
									<td>
										{% if fournisseur.personneContacts is defined and fournisseur.personneContacts is not empty %}
											{% set contacts = fournisseur.personneContacts[0].contacts|split('/') %}
											{{contacts[0]}}
										{% endif %}
									</td>
									<td style="width:10%">
										<a href="{{path('app_fournisseur_view', {'id': fournisseur.id})}}" class="btn-view" title="Détail">
											<i class="fa fa-eye fa-lg">&nbsp;&nbsp;</i>
										</a>
										<a href="{{path('app_fournisseur_edit', {'id': fournisseur.id})}}" class="btn-edit" title="Editer">
											<i class="fa fa-edit fa-lg"></i>&nbsp;&nbsp;</a>
										{% if is_granted('ROLE_ADMIN') %}
											<a href="{{path('app_fournisseur_delete', {'id': fournisseur.id})}}" class="btn-delete" title="Supprimer">
												<i class="fa fa-trash-o fa-lg"></i>
											</a>
										{% endif %}
									</td>
								</tr>
							{% endfor %}
						</tbody>
					</table>
				</div>
			</div>
		</div>
		<div class="row justify-content-center">
			<div class="col-lg-2 mt-3">{{ knp_pagination_render(fournisseurs, 'template-paginator.html.twig') }}</div>
		</div>
	</div>
{% endblock %}