{% set index = form.vars.name %}
{% set identifer = "imageField" ~ index %}
<div class="pb-7 js-offers-item col-md-6">
	<div class="card card-bordered card-stretch">
		<div class="card-header" style="min-height: 50px">
			<button type="button" class="btn js-remove-offer p-2 ms-auto" data-id={{form.vars.id}}>
				<i class="fa-solid fa-xmark fs-3"></i>
			</button>
		</div>
		<div class="card-body pt-5">
			<div id="{{identifer}}" onchange="loadImage(event)">
				{{ form.imageFile|form_image_row(form.vars.value.image.name ?? null, promotional_offers_images, 100, 100) }}
			</div>
			{% if form.menu is defined %}
				<div style="display: none">
					{{ form.menu|form_row }}
				</div>
			{% endif %}
			<div class="row border-dashed mb-5 p-2 lists-div" data-id="{{index}}">
				<div>
					{{ form.entity|form_radio_row('_styled') }}
				</div>
				<div class="div-category-list{{index}}">
					{{ form.category|form_row }}
				</div>
				<div class="div-product-list{{index}}">
					{{ form.product|form_row }}
				</div>
			</div>
			<div class="row mt-2">
				<div class="col-md-6">
					{{ form.start|form_row }}
				</div>
				<div class="col-md-6">
					{{ form.end|form_row }}
				</div>
			</div>
			<div>
				{{ form.enabled|form_checkbox_row }}
			</div>
		</div>
	</div>
</div>