{% extends 'base.html.twig' %}

{% block body %}
	<div class="max-w-2xl mx-auto mt-8">
		<div class="bg-neutral-tertiary border rounded-base shadow-sm p-6">
			<div class="mb-6">
				<h1 class="text-2xl font-semibold text-heading">
					Importer un relevé OFX
				</h1>

				<p class="mt-2 text-sm text-body">
					Compte :
					<span class="font-medium text-body-subtle">
						{{ account.name }}
					</span>
				</p>
			</div>

			{{ form_start(form, {
                attr: {
                    class: 'space-y-5'
                }
            }) }}

			<div class="space-y-4">
				{{ form_widget(form) }}
			</div>

			<div class="flex justify-end pt-4 border-t">
				<div class="flex items-center gap-4">
					{% include "partials/elements/_button_return.html.twig" with { class: 'return-button-style' } %}

					<button type="submit" class="button-style brand-button-style">
						Analyser le relevé
					</button>
				</div>
			</div>
			{{ form_end(form) }}

		</div>
	</div>
{% endblock %}