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

{% block title %}Sous-menus - Page d'administration
{% endblock %}
{% block main_title %}Sous-menus
{% endblock %}
{% block buttons %}
	{{ include('admin/_buttons.html.twig', {
        'add_path': path('app_admin_submenu_new'),
        'cancel_path': path('app_admin_submenu_index'),
    }) }}
{% endblock %}

{% block body %}
	{{ form_start(filterForm) }}
        <div class="row">
            <div class="col-3">
                {{ form_row(filterForm.menu) }}
            </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 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 submenu in submenus %}
					<tr>
						<td>{{ submenu.id }}</td>
						<td>{{ submenu.title }}</td>
						<td>{{ submenu.menu.title }}</td>
						<td>{{ submenu.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 submenu.position > 0 %}
							{{ include('admin/submenu/_move_down_form.html.twig') }}
							{% endif %}
							{% if submenu.position < maxPosition[submenu.menu.id] %}
							{{ include('admin/submenu/_move_up_form.html.twig') }}
							{% endif %}
						</td>
						<td>
							<a href="{{ path('app_admin_submenu_edit', {'id': submenu.id}) }}">
								<i class="bi-pencil-square"></i>
							</a>
						</td>
						<td>
							{{ include('admin/submenu/_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(submenus) }}
		</div>
	</div>
	{# Show pagination #}
{% endblock %}