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

{% block title %}Cards Home - Page d'administration
{% endblock %}
{% block main_title %}Cards
{% endblock %}
{% block buttons %}
	{{ include('admin/_buttons.html.twig', {
        'add_path': path('app_admin_home_card_new'),
        'cancel_path': path('app_admin_home_card_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 home_card in home_cards %}
					<tr>
						<td>{{ home_card.id }}</td>
						<td>{{ home_card.title }}</td>
						<td>
							<a href="{{ asset(home_card.image) }}" target="_blank"><i class="bi-card-image"></i></a>
						</td>
						<td>{{ home_card.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 home_card.position > 0 %}
							{{ include('admin/home_card/_move_down_form.html.twig') }}
							{% endif %}
							{% if home_card.position < maxPosition%}
							{{ include('admin/home_card/_move_up_form.html.twig') }}
							{% endif %}
						</td>
						<td>
							<a href="{{ path('app_admin_home_card_edit', {'id': home_card.id}) }}">
								<i class="bi-pencil-square"></i>
							</a>
						</td>
						<td>
							{{ include('admin/home_card/_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(home_cards) }}
		</div>
	</div>
	{# Show pagination #}
{% endblock %}