{% for option in options %}
	<li class="dd-item dd3-item" data-id="{{ option.id }}">
		<div class="dd-handle"></div>
		<div class="dd3-content pt-4" style="box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 1px;">
			{% include 'Product/sub_entities_indicators.html.twig' with { 'title': option, 'entities': option.optionVariants, 'subEntitiesTitle': 'Liste des variants' } %}
			<span class="text-muted fw-bold" style="position: absolute; right:140px">
				{% if option.sideComponent %}
					<span class="badge badge-light-warning">{{ 'app.shop_owner.pages.options.side_component'|trans }}</span>
				{% endif %}
				{% set badges = constant('APP\\Entity\\Product\\Option\\Option::BADGES') %}
				{{ ('app.shop_owner.pages.options.type.' ~ option.type)|trans|badge(badges[option.type]) }}
				{% if option.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 %}
			</span>
			<span class="text-muted fw-bold" style="position: absolute; right:85px; top:7px">
				{% include 'Includes/duplicate.html.twig' with {
					'route': path('foxorders_shop_option_duplicate', {'option': option.id }),
				} %}
			</span>
			<span class="text-muted fw-bold" style="position: absolute; right:45px; top:7px">
				{{ link('edit','modal', 'success', {'entity-id' : option.id, 'entity-name' : option, '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_option_delete', {'id': option.id }) ,
					'token': csrf_token('delete' ~ option.id),
					'button': 'list_delete'
				} %}
			</span>
		</div>
	</li>
{% endfor %}