{% extends 'baseConfigSalon.html.twig' %}

{% block body %}
	{% for message in app.flashes('success') %}
		<div class="alert alert-success">
			{{ message }}
		</div>
	{% endfor %}
	{% for message in app.flashes('error') %}
		<div class="alert alert-danger">
			{{ message }}
		</div>
	{% endfor %}

	<h1>Liste des Composants</h1>

	<table class="table table-striped">
		<thead>
			<tr>
				<th>Nom Chart Component</th>
				<th>Nom chart</th>
				<th>Titre</th>
				<th>Fond</th>
				<th>Description</th>
				<th>Actions</th>
			</tr>
		</thead>
		<tbody>
			{% for chartComponent in chartComponents %}
				<tr>
					<td>{{ chartComponent.nameComponent }}</td>
					<td>{{ chartComponent.chart }}</td>
					<td>{{ chartComponent.titre }}</td>
					<td>{{ chartComponent.fond }}</td>
					<td>{{ chartComponent.description }}</td>
					<td>
						<a href="{{ path('chartcomponent_edit', { 'id': chartComponent.id }) }}" class="btn btn-secondary">Modifier</a>
					</td>
					<td>
						<a href="{{ path('chartcomponent_duplicate', { 'id': chartComponent.id }) }}" class="btn btn-secondary">Dupliquer</a>
					</td>

				</tr>
			{% endfor %}
		</tbody>
	</table>

	<a href="{{ path('chartcomponent_new') }}" class="btn btn-secondary">Ajouter un nouveau chartComponent</a>
{% endblock %}