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

{% block titre_enfant %}
	Services
{% 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>Services&nbsp;&nbsp;<span class="badge btn-new" style="border-radius: 15px">{{total}}</span>
					</h5>
					<a href="{{path('app_service_new')}}" class="btn btn-sm btn-new 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 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 service in services %}
								<tr>
									{% set nbre = nbre + 1 %}
									<td>{{nbre}}</td>
									<td>{{ service.denomination }}</td>
									<td>
										<a href="{{path('app_service_view', {'id': service.id})}}" class="btn-view" title="Détail">
											<i class="fa fa-eye fa-lg">&nbsp;&nbsp;</i>
										</a>
										<a href="{{path('app_service_edit', {'id': service.id})}}" class="btn-edit" title="Editer">
											<i class="fa fa-edit fa-lg"></i>&nbsp;&nbsp;</a>
										<a href="{{path('app_service_delete', {'id': service.id})}}" class="btn-delete" title="Supprimer">
											<i class="fa fa-trash-o fa-lg"></i>
										</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(services, 'template-paginator.html.twig') }}</div>
		</div>
	</div>
{% endblock %}