{{ 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 sm:flex-row gap-2">
	<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="block text-gray-700 font-medium mb-1">
				{{ form_label(form.date) }}
			</label>
			{{ form_widget(form.date, {
				'attr': {
					'class': 'input-style w-fit ' ~ (form_errors(form.date) ? 'input-error')
				}
			}) }}
		</div>
		<div class="text-red-500 text-sm">
			{{ form_errors(form.date) }}
		</div>
	</div>
	<div class="flex flex-col w-full md:w-2/3">
		<div class="flex flex-col md:flex-row md:items-center md:gap-2">
			<label class="block text-gray-700 font-medium mb-1">
				{{ form_label(form.realisedBy) }}
			</label>
			{{ form_widget(form.realisedBy, {
				'attr': {
					'class': 'input-style md:w-96 ' ~ (form_errors(form.realisedBy) ? 'input-error')
				}
			}) }}
		</div>
		<div class="text-red-500 text-sm">
			{{ form_errors(form.realisedBy) }}
		</div>
	</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 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) }}