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

{% block titre_enfant %}
	Famille de matières
{% endblock %}

{% block contenu_principal_commercial %}
	<div class="container-fluid">

		<div class="row">
			<div class="col-lg-12">
				<h5 class="my-3">{{famille.denomination}}</h5>
			</div>
		</div>
		<div class="row">
			<div class="col-lg-12">

				<ul class="nav nav-tabs" id="tab" role="tablist">
					<li class="nav-item" role="presentation">
						<a class="nav-link active" href="#entree" data-toggle="tab" role="tab" aria-controls="entree" aria-selected="true">
							<span class="col-form-label col-form-label-sm">Matières premières</span>
						</a>
					</li>
					<li class="nav-item" role="presentation">
						<a class="nav-link" href="#sortie" data-toggle="tab" role="tab" aria-controls="sortie" aria-selected="true">
							<span class="col-form-label col-form-label-sm">Produits finis</span>
						</a>
					</li>
				</ul>

				<div
					class="tab-content edit-border" id="tabContent">
					{# Début tabs entrées #}
					<div class="tab-pane fade show active" id="entree" role="tabpanel" aria-labelledby="entree-tab">

						<div class="col-lg-12">
							<div style="display: flex; flex-direction: row; justify-content:space-between; align-items: center">
								<h6>Matières premières&nbsp;&nbsp;<span class="badge btn-new" style="border-radius: 15px">{{entreeTotal}}</span>
								</h6>
								<a href="{{path('app_matiere_premiere_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">
							<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">Prix informel</td>
										<td class="font-weight-bold">Prix formel</td>
										<td class="font-weight-bold" style="width: 10%">Action</td>
									</tr>
								</thead>
								<tbody>
									{% set nbre = 0 %}
									{% for matiere in entrees %}
										<tr>
											{% set nbre = nbre + 1 %}
											<td>{{nbre}}</td>
											<td>{{ matiere.denomination }}</td>
											<td>
												{% if matiere.prixKiloFormel is defined and matiere.prixKiloFormel is not empty %}
													{{ matiere.prixKiloFormel }}
													FCFA
												{% elseif not matiere.byToFournisseurFormel %}
													{{'Non acheté'}}
												{% else %}
													{{'Non renseigné'}}
												{% endif %}
											</td>
											<td>
												{% if matiere.prixKiloInformel is defined and matiere.prixKiloInformel is not empty %}
													{{ matiere.prixKiloInformel }}
													FCFA
												{% elseif not matiere.byToFournisseurInformel %}
													{{'Non acheté'}}
												{% else %}
													{{'Non renseigné'}}
												{% endif %}
											</td>
											<td>
												<a href="{{path('app_matiere_premiere_edit', {'id': matiere.id})}}" class="btn-edit" title="Modififer">
													<i class="fa fa-edit fa-lg"></i>&nbsp;&nbsp;
												</a>
												{% if is_granted('ROLE_ADMIN') %}
													<a href="{{path('app_matiere_premiere_delete', {'id': matiere.id})}}" class="btn-delete" title="Supprimer">
														<i class="fa fa-trash-o fa-lg"></i>&nbsp;&nbsp;
													</a>
												{% endif %}
											</td>
										</tr>
									{% endfor %}
								</tbody>
							</table>
						</div>
						<div class="row justify-content-center">
							<div class="col-lg-2 mt-3">{{ knp_pagination_render(entrees, 'template-paginator.html.twig') }}</div>
						</div>
					</div>
					{# Fin tabs entrées #}

					{# Début tabs sorties #}
					<div class="tab-pane fade" id="sortie" role="tabpanel" aria-labelledby="sortie-tab">

						<div class="col-lg-12">
							<div style="display: flex; flex-direction: row; justify-content:space-between; align-items: center">
								<h6>Produits finis&nbsp;&nbsp;<span class="badge btn-new" style="border-radius: 15px">{{sortieTotal}}</span>
								</h6>
								{% if is_granted('ROLE_ATTACHE_COMMERCIAL') %}
									<a href="{{path('app_matiere_secondaire_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>
								{% endif %}
							</div>
						</div>
						<div class="col-lg-12 mt-3">
							<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" style="width: 10%">Action</td>
									</tr>
								</thead>
								<tbody>
									{% set nbre = 0 %}
									{% for matiere in sorties %}
										<tr>
											{% set nbre = nbre + 1 %}
											<td>{{nbre}}</td>
											<td>{{ matiere.denomination }}</td>
											<td>
												<a href="{{path('app_matiere_secondaire_view', {'id': matiere.id})}}" class="btn-view" title="Modififer">
													<i class="fa fa-eye fa-lg"></i>&nbsp;&nbsp;
												</a>
												<a href="{{path('app_matiere_secondaire_edit', {'id': matiere.id})}}" class="btn-edit" title="Modififer">
													<i class="fa fa-edit fa-lg"></i>&nbsp;&nbsp;
												</a>
												{% if is_granted('ROLE_ADMIN') %}
													<a href="{{path('app_matiere_secondaire_delete', {'id': matiere.id})}}" class="btn-delete" title="Supprimer">
														<i class="fa fa-trash-o fa-lg"></i>&nbsp;&nbsp;
													</a>
												{% endif %}
											</td>
										</tr>
									{% endfor %}
								</tbody>
							</table>
						</div>
						<div class="row justify-content-center">
							<div class="col-lg-2 mt-3">{{ knp_pagination_render(sorties, 'template-paginator.html.twig') }}</div>
						</div>
					</div>
					{# Fin tabs sorties #}

				</div>
			</div>
		</div>

		<div class="row mt-3">
			<div class="col-lg-12">
				<a class="btn btn-discard btn-sm" href="{{path('app_famille_matiere_list')}}">
					<i class="fa fa-chevron-left fa-lg"></i>&nbsp;&nbsp;Annuler</a>
			</div>
		</div>

	</div>
{% endblock %}