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

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

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

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

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

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

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

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

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

<!-- Bouton de soumission -->
<div class="flex justify-center gap-2">
	<a href="{{ path('app_videos_index') }}" class="bg-gray-600 text-white px-4 py-2 rounded-lg hover:bg-gray-700">
		Retour aux vidéos
	</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) }}