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

<div>
	<label class="label-style">
		{{ form_label(form.details) }}
	</label>
	{{ form_widget(form.details, {
		'attr': {
			'class': 'input-style w-full md:w-3/4'
		}
	}) }}
	<div class="input-error-message">
		{{ form_errors(form.details) }}
	</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) }}