{{ form_start(form, { 'attr': { 'class': 'max-w-xl mx-auto space-y-4' } }) }}
<div class="relative z-0 w-full mb-5 group">
	{{ form_widget(form.name) }}
	{{ form_label(form.name) }}
</div>

<div class="grid md:grid-cols-2 md:gap-6">
	<div class="relative z-0 w-full group">
		<div class="flex items-center text-gray-500 dark:text-gray-200">
			{{ form_widget(form.targetAmount) }}
		</div>
		{{ form_label(form.targetAmount) }}
	</div>
	<div class="relative z-0 w-full mb-5 group">
		{{ form_widget(form.targetDate) }}
		{{ form_label(form.targetDate) }}
	</div>
</div>

<div class="relative z-0 w-full mb-5">
	{{ form_label(form.accounts) }}

	<div class="flex flex-col gap-2 mt-2">
		{% for account in form.accounts %}
			<label class="flex items-center gap-2 cursor-pointer first:mt-2">
				{{ form_widget(account) }}
				<span class="text-sm text-gray-500 dark:text-gray-200">{{ account.vars.label }}</span>
			</label>
		{% endfor %}
	</div>
</div>

<div class="flex items-center gap-4">
	<button type="submit" class="button-style success-button-style">
		{{ form.vars.value.id ? 'Mettre à jour' : 'Ajouter' }}
	</button>
	{% include "partials/elements/_button_return.html.twig" with { class: 'danger-button-style' } %}
</div>
{{ form_end(form) }}