{% extends 'admin/base.html.twig' %}

{% block title %}Carousel - Page d'administration
{% endblock %}
{% block main_title %}Carousel
{% endblock %}
{% block buttons %}
	{{ include('admin/_buttons.html.twig', {
        'add_path': path('app_admin_carousel_new'),
        'cancel_path': path('app_admin_carousel_index'),
    }) }}
{% endblock %}

{% block body %}
	<div class="table-responsive small">
		<table class="table table-striped table-sm">
			<thead>
				<tr>
					<th>Id</th>
					<th>Nom</th>
					<th>Image</th>
					<th class="w-action">Publié</th>
					<th class="w-action">Rang</th>
					<th class="w-action">Mod</th>
					<th class="w-action">Supp</th>
				</tr>
			</thead>
			<tbody>
				{% for carousel in carousels %}
					<tr>
						<td>{{ carousel.id }}</td>
						<td>{{ carousel.title }}</td>
						<td>
							<a href="{{ asset(carousel.image) }}" target="_blank"><i class="bi-card-image"></i></a>
						</td>
						<td class="text-center">{{ carousel.isEnabled ? '<span class="text-success"><i class="bi-check-circle-fill"></i></span>' : '<span class="text-danger"><i class="bi-x-circle-fill"></i></span>' }}</td>
						<td class="text-center">
							{% if carousel.position > 0 %}
							{{ include('admin/carousel/_move_down_form.html.twig') }}
							{% endif %}
							{% if carousel.position < maxPosition%}
							{{ include('admin/carousel/_move_up_form.html.twig') }}
							{% endif %}
						</td>
						<td class="text-center">
							<a href="{{ path('app_admin_carousel_edit', {'id': carousel.id}) }}">
								<i class="bi-pencil-square"></i>
							</a>
						</td>
						<td class="text-center">
							{{ include('admin/carousel/_delete_form.html.twig') }}
						</td>

					</tr>
				{% endfor %}
			</tbody>
		</table>
	</div>
	
	{# Show pagination #}
	<div class="row mt-4">
		<div class="col d-flex justify-content-center">
			{{ knp_pagination_render(carousels) }}
		</div>
	</div>
	{# Show pagination #}
{% endblock %}