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

{% block titre_enfant %}
	Matériels
{% 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>Matériels&nbsp;&nbsp;<span class="badge btn-new" style="border-radius: 15px">{{total}}</span>
					</h5>
					<a href="{{path('app_materiel_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 class="">
							<tr>
								<td style="width: 4%" class="font-weight-bold">#</td>
								<td class="font-weight-bold">Dénomination</td>
								<td class="font-weight-bold">Quantité en stock</td>
								<td class="font-weight-bold" style="width: 10%">Action</td>
							</tr>
						</thead>
						<tbody>
							{% set nbre = 0 %}
							{% for materiel in materiels %}
								{% set nbre = nbre + 1 %}
								<tr>
									<td>{{nbre}}</td>
									<td>
										{{ materiel.denomination }}
									</td>
									<td>
										{{ materiel.quantiteStock }}
									</td>
									<td>
										<a href="{{ path('app_materiel_view', {'id': materiel.id}) }}" class="btn-view" title="Détails">
											<i class="fa fa-eye fa-lg"></i>&nbsp;&nbsp;
										</a>
										<a href="{{ path('app_materiel_edit', {'id': materiel.id}) }}" class="btn-edit" title="Editer">
											<i class="fa fa-edit fa-lg"></i>&nbsp;&nbsp;
										</a>
									</td>
								</tr>
							{% endfor %}
						</tbody>
					</table>
				</div>
			</div>
		</div>
		<div class="row justify-content-center">
			<div class="col-lg-2 mt-3">{{ knp_pagination_render(materiels, 'template-paginator.html.twig') }}</div>
		</div>
	</div>
{% endblock %}