{% extends 'admin/base.html.twig' %}
{% block title %}Pages - Page d'administration{% endblock %}
{% block main_title %}Pages{% endblock %}
{% block buttons %}
    {{ include('admin/_buttons.html.twig', {
        'add_path': path('app_admin_page_new'),
        'cancel_path': path('app_admin_page_index'),
    }) }}
{% endblock %}

{% block body %}
	{{ form_start(filterForm) }}
        <div class="row">
            <div class="col-3">
                {{ form_row(filterForm.menu) }}
            </div>
            <div class="col-3">
                {{ form_row(filterForm.submenu) }}
            </div>
            <div class="col-3 mt-4 pt-2">
                <button type="submit" class="btn btn-primary btn-filter">Filtrer</button>
            </div>
        </div>
    {{ form_end(filterForm) }}
	<div class="table-responsive small">
		<table class="table table-striped table-sm">
			<thead>
				<tr>
					<th>Id</th>
					<th>Nom</th>
					<th>Menu</th>
					<th>Sous-menu</th>
					<th class="w-action">Publié</th>
					<th class="w-action">Mod</th>
					<th class="w-action">Supp</th>
				</tr>
			</thead>
			<tbody>
				{% for page in pages %}
					<tr>
						<td>{{ page.id }}</td>
						<td>{{ page.title }}</td>
						<td>{{ page.submenu.menu.title }}</td>
						<td>{{ page.submenu.title }}</td>
						<td>{{ page.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>
							<a href="{{ path('app_admin_page_edit', {'id': page.id}) }}">
								<i class="bi-pencil-square"></i>
							</a>
						</td>
                        <td>
							{{ include('admin/page/_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(pages) }}
		</div>
	</div>
	{# Show pagination #}
{% endblock %}