{% macro recursiveCategory(categories) %}
	{% import _self as macros %}
	{% for category in categories %}
			{% set image = category.imageUrl ? category.imageUrl : getImage(categories_images ~ category.image.name) %}
			<li class="dd-item dd3-item" data-id="{{ category.id }}">
				<div class="dd-handle"></div>
				<div class="dd3-handle symbol symbol-45px symbol-2by3" style="position:absolute;padding : 2px 2px;">
					<div class="symbol-label" style="background-image:url({{ asset(image) }})"></div>
				</div>
				<div class="dd3-content pt-4" style="padding-left : 80px; box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 1px;">
					<span data-bs-toggle="tooltip" data-bs-trigger="hover" title="" data-bs-original-title="{{ category|capitalize }}">
						{{ category|upper }}
					</span>
					<span class="badge badge-circle badge-primary">
						{{ category.productCategories|length }}
					</span>
					<span class="text-muted fw-bold" style="position: absolute; right:117px">
						{% if category.enabled %}
							<span class="badge badge-success">{{ 'app.shop_owner.pages.products.list.enabled'|trans }}</span>
						{% else %}
							<span class="badge badge-danger">{{ 'app.shop_owner.pages.products.list.disabled'|trans }}</span>
						{% endif %}

						{% if category.visible %}
							<span class="badge badge-success">{{ 'app.shop_owner.pages.products.list.visible'|trans }}</span>
						{% else %}
							<span class="badge badge-danger">{{ 'app.shop_owner.pages.products.list.invisible'|trans }}</span>
						{% endif %}
					</span>
					{% if category.productCategories|length > 0 %}
						<span class="text-muted fw-bold" style="position: absolute; right:75px; top:7px">
							{{ link('show_products',path('foxorders_shop_product_index', {'id': category.menu.id, 'categories': category.id})) }}
						</span>
					{% endif %}

					<span class="text-muted fw-bold" style="position: absolute; right:40px; top:7px">
						{{ link('edit','modal', 'success', {'entity-id' : category.id, 'entity-name' : category, 'modalId': 'foxorders_modal_form_menu' }) }}
					</span>
					<span class="text-muted fw-bold" style="position: absolute; right:5px; top:7px">
						{% include 'Includes/delete.html.twig' with {
							'route': path('foxorders_shop_category_delete', {'id': category.id }) ,
							'token': csrf_token('delete' ~ category.id),
							'button': 'list_delete'
						} %}
					</span>
				</div>
				{% if category.categories %}
					<ol class="dd-list">
						{{ macros.recursiveCategory(category.categories) }}
					</ol>
				{% endif %}
			</li>
	{% endfor %}
{% endmacro %}

{% import _self as macros %}

{% if categories %}
	<div class="dd" id="nestable3">
		<ol class="dd-list">
			{{ macros.recursiveCategory(categories) }}
		</ol>
	</div>
{% endif %}