{{ 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>
	<label class="label-style">
		{{ form_label(form.type) }}
	</label>
	{{ form_widget(form.type, {
        'attr': {
            'class': 'input-select-style ' ~ (form_errors(form.type) ? 'input-error')
        }
    }) }}
	<div class="input-error-message">
		{{ form_errors(form.type) }}
	</div>
</div>

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

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

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