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

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

{% block style %}
	<style>
		.lien {
			text-decoration: none;
			color: '#OOOOOO';
		}
	</style>
{% 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>Familles de matières&nbsp;&nbsp;<span class="badge btn-new" style="border-radius: 15px">{{total}}</span></h5>
					<a href="{{path('app_famille_matiere_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 style="width: 80%" class="font-weight-bold">Dénomination</td>
								<td class="font-weight-bold" style="width: 10%">Action</td>
							</tr>
						</thead>
						<tbody>
							{% set nbre = 0 %}
							{% for famille in familles %}
								{% set nbre = nbre + 1 %}
								<tr>
									<td>{{nbre}}</td>
									<td>
										<a href="{{ path('app_famille_matiere_child', {'id': famille.id}) }}" style="text-decoration:none; color: #000000">{{ famille.denomination }}</a>
									</td>
									<td>
										<a href="{{ path('app_famille_matiere_edit', {'id': famille.id}) }}" class="btn-edit" title="Editer">
											<i class="fa fa-edit fa-lg"></i>&nbsp;&nbsp;
										</a>
										{# <a href="{{path('app_famille_matiere_delete', {'id': famille.id})}}" class="btn-delete" title="Supprimer">
											<i class="fa fa-trash-o 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(familles, 'template-paginator.html.twig') }}</div>
		</div>
	</div>
{% endblock %}