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

<div class="flex gap-2">
	<div class="flex-1">
		{{ form_label(form.name) }}
		{{ form_widget(form.name) }}
		{{ form_errors(form.name, {'attr': {'class': 'text-red-500 text-sm'}}) }}
	</div>

	<div>
		{{ form_label(form.birthday) }}
		{{ form_widget(form.birthday) }}
		{{ form_errors(form.birthday, {'attr': {'class': 'text-red-500 text-sm'}}) }}
	</div>
</div>

<div class="flex gap-2">
	<div class="w-1/2">
		{{ form_label(form.colorHair) }}
		{{ form_widget(form.colorHair) }}
		{{ form_errors(form.colorHair, {'attr': {'class': 'text-red-500 text-sm'}}) }}
	</div>

	<div class="w-1/2">
		{{ form_label(form.origin) }}
		{{ form_widget(form.origin) }}
		{{ form_errors(form.origin, {'attr': {'class': 'text-red-500 text-sm'}}) }}
	</div>
</div>

<div class="flex gap-2">
	<div class="w-1/3">
		{{ form_label(form.size) }}
		{{ form_widget(form.size) }}
		{{ form_errors(form.size, {'attr': {'class': 'text-red-500 text-sm'}}) }}
	</div>

	<div class="w-1/3">
		{{ form_label(form.dick) }}
		{{ form_widget(form.dick) }}
		{{ form_errors(form.dick, {'attr': {'class': 'text-red-500 text-sm'}}) }}
	</div>

	<div class="w-1/3">
		{{ form_label(form.role) }}
		{{ form_widget(form.role) }}
		{{ form_errors(form.role, {'attr': {'class': 'text-red-500 text-sm'}}) }}
	</div>
</div>

<div class="flex gap-2">
	<div class="w-1/3">
		{{ form_label(form.circumcised) }}
		{{ form_widget(form.circumcised) }}
		{{ form_errors(form.circumcised, {'attr': {'class': 'text-red-500 text-sm'}}) }}
	</div>

	<div class="w-1/3">
		{{ form_label(form.tattoo) }}
		{{ form_widget(form.tattoo) }}
		{{ form_errors(form.tattoo, {'attr': {'class': 'text-red-500 text-sm'}}) }}
	</div>

	<div class="w-1/3">
		{{ form_label(form.piercing) }}
		{{ form_widget(form.piercing) }}
		{{ form_errors(form.piercing, {'attr': {'class': 'text-red-500 text-sm'}}) }}
	</div>
</div>

<div>
	{{ form_label(form.imageFile) }}
	{{ form_widget(form.imageFile) }}
	{{ form_errors(form.imageFile, {'attr': {'class': 'text-red-500 text-sm'}}) }}
</div>

<!-- Bouton de soumission -->
<div class="flex justify-center gap-2">
	<a href="{{ path('app_actors_index') }}" class="bg-gray-600 text-white px-4 py-2 rounded-lg hover:bg-gray-700">
		Retour aux acteurs
	</a>
	<button class="bg-blue-600 text-white px-6 py-2 rounded-lg hover:bg-blue-700 transition cursor-pointer">
		Enregistrer
	</button>
</div>
{{ form_end(form) }}