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

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

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

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

{{ form_end(form) }}