{{ form_start(form) }}
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">

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

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

    <div class="relative z-0 w-full mb-5 group">
        {{ form_widget(form.account) }}
    </div>

    <div class="relative z-0 w-full mb-5 group">
		{{ form_widget(form.category) }}
	</div>

    <div class="relative z-0 w-full mb-5 group">
        {{ form_widget(form.frequency) }}
    </div>

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

    <div class="col-span-2 flex items-center gap-2">
        {{ form_label(form.isActive) }}
        {{ form_widget(form.isActive) }}
    </div>

    <div class="col-span-2">
        <button type="submit" class="button-style success-button-style">Enregistrer</button>
		<a href="{{ path('recurring_transaction_index') }}" class="button-style return-button-style">
			Retour
		</a>
    </div>

</div>
{{ form_end(form) }}