{{ form_start(form, {
    'action': path('foxorders_shop_promotion_save' , { 'shop': shop.id, 'promotion': promotion.id ?? null }),
	'attr': {
		'id': 'kt_modal_' ~ form.vars.id ~ '_form' ,
		'class': 'kt-fx-form mx-auto px-15 w-100 py-10','novalidate':'novalidate'}
}) }}
	<div class="modal-body scroll-y modal-content-body">
        <div class="row col-lg-12">
			<div class="col-md-4">
			</div>
			<div class="col-md-4">
				<div class="text-center pt-0 image-input-div">
					{{ form.imageType|form_radio_row('_styled') }}
					<div id="imageFileField" class="image-file-input" {% if promotion.image.name or promotion.id is null or promotion.imageUrl is null %} style="display:block" {% else %} style="display:none" {% endif %}>
						{{ form.imageFile|form_image_row(promotion.image.name, promotions_images) }}
					</div>
					<div id="imageUrlField" class="image-url-input" {% if promotion.imageUrl %} style="display:block" {% else %} style="display:none" {% endif %}>
						{{ form.imageUrl|form_image_url_with_preview }}
					</div>
				</div>
			</div>
			<div class="col-md-4">
			</div>
		</div>
		<div class="row col-lg-12 pt-10">
			<div class="col-lg-6">
				{{ form.type|form_radio_row('_styled') }}
			</div>
			<div class="col-md-6">
				{{ form.shopModes|form_row }}
			</div>
		</div>
        <div class="row col-lg-12">
            {{ form.description|form_row }}
		</div>
		<div class="row col-lg-12">
			<div class="col-md-6">
				{{ form.name|form_row }}
			</div>
			<div class="col-md-6">
				{{ form.code|form_row }}
			</div>
		</div>
        <div class="row col-lg-12">
			<div class="col-md-6">
				{{ form.start|form_row }}
			</div>
			<div class="col-md-6">
				{{ form.end|form_row }}
			</div>
		</div>
        <div class="row col-lg-12">
			<div class="col-md-6">
				{{ form.value|form_row }}
			</div>
			<div class="col-md-6">
				{{ form.minimumAmount|form_row }}
			</div>
		</div>

        <div class="row col-lg-12">
			<div class="col-md-6 mt-7">
				{{ form.visible|form_checkbox_row }}
			</div>
			<div class="col-md-6 mt-7">
				{{ form.enabled|form_checkbox_row }}
			</div>
		</div>

		<div class="row col-lg-12">
			<div class="col-md-6">
				{{ form.oneTimeOnly|form_checkbox_row }}
			</div>
			<div class="col-md-6">
				{{ form.firstOrderOnly|form_checkbox_row }}
			</div>
		</div>

	</div>
	<div class="modal-footer modal-content-footer">
		{% include 'Includes/Form/form_button.html.twig' %}
	</div>
{{ form_end(form) }}

<script src="{{ asset('metronic/v8.1.5/js/scripts.bundle.js') }}"></script>
<script src="{{ asset('foxorders/js/validation/form-validation.js') }}"></script>
<script src="{{asset('foxorders/js/form/slugify.js')}}"></script>
<script type="text/javascript">
	$(".date").flatpickr();
</script>
<script src="{{ asset('foxorders/js/global/image-url-preview.js') }}"></script>
<script src="{{ asset('foxorders/js/global/image-type-input.js') }}"></script>