{% set alimentId = aliment.id is defined and aliment.id is not null ? aliment.id : 'null' %}

{{ form_start(form, {
    'action': path('foxorders_admin_aliment_save' , { 'aliment': aliment.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-5">
			<div class="d-flex flex-column w-100 w-lg-300px me-lg-10">
				<div class="card card-flush">
					<div class="card-body text-center pt-0">
						{{ form.logoFile|form_image_row(aliment.logo, aliments_images) }}
					</div>
				</div>
				<div class="card card-flush">
					<div class="card-body text-center pt-0">
						{{ form.logoSvgFile|form_image_row(aliment.logoSvg, aliments_images) }}
					</div>
				</div>
			</div>
		</div>
		<div class="col-md-7">
			<div class="card card-flush">
				<div class="card-body pt-0" style="padding: unset">
					{{ form.code|form_row }}
				</div>
				<div class="card-header card-header-stretch">
					<ul class="nav nav-stretch nav-line-tabs fw-semibold fs-3 border-transparent flex-nowrap" role="tablist">
						{% for item in form.alimentTranslations %}
							<li class="nav-item">
								<a class="nav-link {% if loop.first %} active {% endif %}" data-bs-toggle="tab" href="#kt_tab_pane_{{item.vars.value.locale.code}}">
									{{ ('app.global.locales.' ~ item.vars.value.locale.code)|trans }}
								</a>
							</li>
						{% endfor %}
					</ul>
				</div>
			</div>
			<div class="tab-content mt-10" id="productsContent">
				{% for item in form.alimentTranslations %}
					<div class="tab-pane fade {% if loop.first %} show active {% endif %}" id="kt_tab_pane_{{item.vars.value.locale.code}}" role="tabpanel">
						<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">
									{{ item.name|form_row }}
									{{ item.description|form_row }}
								</div>
							</div>
						</div>
					</div>
				{% endfor %}
			</div>
			<div class="card card-flush">
				<div class="card-body pt-0" style="padding: unset">
					{{ form.enabled|form_checkbox_row }}
				</div>
			</div>
		</div>
	</div>
</div>
<div class="modal-footer modal-content-footer">
	{% include 'Includes/Form/form_button.html.twig' %}
</div>
{{ form_end(form) }}
<script type="text/javascript">
	var alimentTranslationsLength = {{ form.alimentTranslations|length }};
	var alimentId = {{alimentId}};
</script>
<script src="{{ asset('metronic/v8.1.5/js/scripts.bundle.js') }}"></script>
<script src="{{ asset('foxorders/js/validation/rules/admin/aliments.js') }}"></script>
<script src="{{ asset('foxorders/js/validation/form-validation.js') }}"></script>