{{ form_start(form, {
    'action': path('foxorders_security_user_save' , { 'id': user.id, instance }),
	'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="d-flex flex-column flex-row-fluid gap-7 gap-lg-10">
			<div class="card card-flush">
				<div class="card-body pt-0">
					{% if form.imageType is defined %}
						<div class="col-md-4">
							{{ form.imageType|form_radio_row('_styled') }}
						</div>
					{% endif %}

					<div class="text-center image-input-div pt-0">
						{% if form.imageFile is defined %}
							<div class="col-md-4">
								<div id="imageFileField" class="image-file-input" {% if user.image.name or user.id is null or user.imageUrl is null %} style="display:block" {% else %} style="display:none" {% endif %}>
									{{ form.imageFile|form_image_row(user.image.name, users_images) }}
								</div>
							</div>
						{% endif %}

						{% if form.imageUrl is defined %}
							<div class="col-md-4">
								<div id="imageUrlField" class="image-url-input" {% if user.imageUrl %} style="display:block" {% else %} style="display:none" {% endif %}>
									{{ form.imageUrl|form_image_url_with_preview }}
								</div>
							</div>
						{% endif %}
					</div>
					{% if form.gender is defined %}
						{{ form.gender|form_row }}
					{% endif %}
					{{ form.firstName|form_row }}
					{{ form.lastName|form_row }}
					{% if form.email is defined %}
						{{ form.email|form_row }}
					{% endif %}
					{% if form.phone is defined %}
						{{ form.phone|form_row }}
					{% endif %}
					{% if form.plainPassword is defined %}
						{{ form.plainPassword.first|form_password_row }}
						{{ form.plainPassword.second|form_password_row }}
					{% endif %}
					{% if form.franchise is defined %}
						{{ form.franchise|form_row }}
					{% endif %}
					{% if form.shop is defined %}
						{{ form.shop|form_row }}
					{% endif %}
					{% if form.notificationEmail is defined %}
						{{ form.notificationEmail|form_checkbox_row }}
					{% endif %}
					{% if form.notificationSms is defined %}
						{{ form.notificationSms|form_checkbox_row }}
					{% endif %}
					{% if form.qoodosSubscription is defined %}
						{{ form.qoodosSubscription|form_checkbox_row }}
					{% endif %}
					{% if form.qoodosNotificationEmail is defined and form.qoodosNotificationEmail is defined %}
						{{ form.qoodosNotificationEmail|form_checkbox_row }}
						{{ form.qoodosNotificationPhone|form_checkbox_row }}
					{% endif %}
				</div>
			</div>
		</div>
	</div>
</div>
<div class="modal-footer modal-content-footer">
	{% include 'Includes/Form/form_button.html.twig' %}
</div>
{{ form_end(form) }}
<script>
	var canFilterShopList = {{ canFilterShopList|default(false)|json_encode|raw }};
</script>
<script src="{{ asset('foxorders/js/intl-tel-input/intlTelInput.min.js') }}"></script>
<script src="{{ asset('foxorders/js/intl-tel-input/intl-tel-input.js') }}"></script>
<script src="{{ asset('foxorders/js/validation/rules/user/user.js') }}"></script>
<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.js') }}"></script>
<script src="{{ asset('foxorders/js/global/image-url-preview.js') }}"></script>
<script src="{{ asset('foxorders/js/global/image-type-input.js') }}"></script>