{{ form_start(form, { 'attr': { 'class': 'max-w-md mx-auto' } }) }}
<div class="flex items-center md:gap-6">
	<div class="relative z-0 w-full mb-5 group">
		{{ form_widget(form.name) }}
		{{ form_label(form.name) }}
	</div>
	<div class="relative z-0 w-1/2 mb-5 group">
		{{ form_widget(form.color) }}
		<div class="flex items-center me-4">
            {{ form_widget(form.noColor) }}
			{{ form_label(form.noColor) }}
		</div>
	</div>
</div>

<div class="grid md:grid-cols-2 md:gap-6">
	<div class="relative z-0 w-full mb-5 group">
		{{ form_widget(form.bankName) }}
		{{ form_label(form.bankName) }}
	</div>
	<div class="relative z-0 w-full mb-5 group">
		{{ form_widget(form.openedAt) }}
		{{ form_label(form.openedAt) }}
	</div>
</div>

<div class="grid md:grid-cols-2 md:gap-6">
	<div class="relative z-0 w-full mb-5 group">
		{{ form_widget(form.type, { 'attr': { 'data-action': 'live#action', 'data-live-action-param': 'refreshSubtype' } }) }}
	</div>
	<div class="relative z-0 w-full mb-5 group">
		{{ form_widget(form.subtype) }}
	</div>
</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.balance) }}
		</div>
		{{ form_label(form.balance) }}
	</div>
</div>

<div class="flex items-center gap-4 mt-5">
	<button type="submit" class="button-style brand-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) }}