{{ form_start(form, {
    'attr': {
        'class': 'space-y-2 md:space-y-4 w-full',
        'data-action': 'live#action:prevent',
        'data-live-action-param': 'save',
        'data-model': 'norender|*'
    }
}) }}

<div class="flex flex-col md:flex-row gap-4 md:gap-8">
	<div>
		<div class="flex flex-col md:flex-row md:items-center md:gap-2">
			<label class="label-style">{{ form_label(form.date) }}</label>
			{{ form_widget(form.date, {'attr': {'class': 'input-style w-fit ' ~ (form_errors(form.date) ? 'input-error')}}) }}
		</div>
		<div class="input-error-message">{{ form_errors(form.date) }}</div>
	</div>

	<div>
		<div class="flex flex-col md:flex-row md:items-center flex-1 md:gap-2">
			<label class="label-style">{{ form_label(form.label) }}</label>
			{{ form_widget(form.label, {'attr': {'class': 'input-style w-full md:w-96 ' ~ (form_errors(form.label) ? 'input-error')}}) }}
		</div>
		<div class="input-error-message">{{ form_errors(form.label) }}</div>
	</div>
</div>

<div class="border border-stone-200 rounded-lg bg-stone-50 p-4 space-y-4">
	{% for subForm in form.diseaseTreatments %}
		<div class="flex flex-col md:flex-row md:justify-between p-3 bg-white border border-stone-300 rounded-lg shadow-sm">
			<div class="flex flex-col md:flex-row gap-3">
				<div>
					<label class="label-style">{{ form_label(subForm.product) }}</label>
					{{ form_widget(subForm.product, { attr: { class: 'w-full md:w-80 input-style ' ~ (form_errors(subForm.product) ? 'input-error') } }) }}
					<div class="input-error-message">{{ form_errors(subForm.product) }}</div>
				</div>
				<div>
					<label class="label-style">{{ form_label(subForm.quantity) }}</label>
					{{ form_widget(subForm.quantity, { attr: { class: 'w-full md:w-80 input-style ' ~ (form_errors(subForm.quantity) ? 'input-error') } }) }}
					<div class="input-error-message">{{ form_errors(subForm.quantity) }}</div>
				</div>
			</div>

			{# Bouton supprimer (géré par LiveCollectionType) #}
			<div class="mt-2">
				{{ form_widget(subForm.vars.button_delete) }}
			</div>
		</div>
	{% endfor %}

	{# Bouton ajouter (géré par LiveCollectionType) #}
	<div>
		{{ form_widget(form.diseaseTreatments.vars.button_add) }}
	</div>
</div>

<div>
	<label class="label-style">{{ form_label(form.remarks) }}</label>
	{{ form_widget(form.remarks, {'attr': {'class': 'input-style w-full ' ~ (form_errors(form.remarks) ? 'input-error')}}) }}
	<div class="input-error-message">{{ form_errors(form.remarks) }}</div>
</div>

<div class="flex flex-row items-center gap-2">
	<label class="label-style">{{ form_label(form.price) }}</label>
	{{ form_widget(form.price, {'attr': {'class': 'input-style w-20 ' ~ (form_errors(form.price) ? 'input-error')}}) }}
	<div class="input-error-message">{{ form_errors(form.price) }}</div>
</div>

{# Bouton de sauvegarde #}
<div class="flex justify-center mt-6">
	<button type="submit" class="button-style button-save button-flex">
		{{ ux_icon('famicons:save-outline', { class: 'w-5 h-5'}) }}
		Enregistrer
	</button>
</div>

{{ form_end(form) }}