{{ form_start(form, {
    'action': path('foxorders_shop_device_save' , { 'shop': shop.id, 'device': device.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">
		<div class="col-lg-12">
			{{ form.name|form_row }}
		</div>
		<div class="col-lg-6">
			{{ form.type|form_row }}
		</div>
		<div class="col-lg-6 d-flex align-items-start">
			<div class="flex-grow-1 pin d-none">
				{{ form.pin|form_row }}
			</div>
			<div class="ms-2 pin d-none mt-8">
				{{ btn('refresh', 'success') }}
			</div>
		</div>
		<div class="col-lg-6">
			{{ form.hasRetailCenter|form_checkbox_row }}
		</div>
		<div class="col-lg-6">
			{{ form.retailCenterPosNumber|form_row }}
		</div>
		<div class="col-lg-12">
			{% if form.shopManager is defined %}
				{{ form.shopManager|form_row }}
			{% else %}
				<div class="py-4">
					<a href="{{path('foxorders_security_user_index', {'instance': 'shop-manager'})}}" class="link-primary fw-bolder">
						{{ 'app.global.buttons.shop.device.manage_managers'|trans }}
					</a>
				</div>
			{% endif %}
		</div>
		<div class="col-lg-12">
			{{ form.enabled|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/shop/retail-center.js') }}"></script>
<script src="{{ asset('foxorders/js/shop/pin.js') }}"></script>
<script src="{{ asset('foxorders/js/global/masks/inputmask.js')}}"></script>