{{ form_start(form, {'attr': {
	'class': 'space-y-4 w-full p-2',
	'data-action': 'live#action:prevent',
	'data-live-action-param': 'save',
	'data-model': 'norender|*'
	}
}) }}
<div class="flex items-center gap-2">
	<label class="block text-gray-700 font-medium mb-1">
		{{ form_label(form.type) }}
	</label>
	{{ form_widget(form.type, { 'attr': {'class': 'input-style w-68'} }) }}
	<div class="text-red-500 text-sm">
		{{ form_errors(form.type) }}
	</div>
</div>
<div class="flex gap-2">
	<div class="flex items-center w-1/2 gap-2">
		<label class="block text-gray-700 font-medium mb-1">
			{{ form_label(form.date) }}
		</label>
		{{ form_widget(form.date, { 'attr': {'class': 'input-style'} }) }}
		<div class="text-red-500 text-sm">
			{{ form_errors(form.date) }}
		</div>
	</div>
	<div class="flex items-center w-1/2 gap-2">
		<label class="block text-gray-700 font-medium mb-1">
			{{ form_label(form.nextAppointment) }}
		</label>
		{{ form_widget(form.nextAppointment, { 'attr': {'class': 'input-style'} }) }}
		<div class="text-red-500 text-sm">
			{{ form_errors(form.nextAppointment) }}
		</div>
	</div>
</div>
<div class="flex gap-2">
	<div class="flex flex-col w-1/2">
		<div class="flex items-center gap-2">
			<label class="block text-gray-700 font-medium mb-1">
				{{ form_label(form.farrier) }}
			</label>
			{{ form_widget(form.farrier, { 'attr': {'class': 'input-style w-1/2'} }) }}
		</div>
		<div class="text-red-500 text-sm">
			{{ form_errors(form.farrier) }}
		</div>
	</div>
</div>
<div>
	<label class="block text-gray-700 font-medium mb-1">
		{{ form_label(form.details) }}
	</label>
	{{ form_widget(form.details, { 'attr': {'class': 'input-style w-3/4'} }) }}
	<div class="text-red-500 text-sm">
		{{ form_errors(form.details) }}
	</div>
</div>
<div class="flex justify-center gap-4">
	<button type="submit" class="button-style button-save">
		💾 Enregistrer
	</button>
</div>
{{ form_end(form) }}