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

{% block content %}
	<div class="max-w-3xl md:ml-64 p-6 mt-10 bg-white shadow-lg rounded-lg">
		<h1 class="text-xl md:text-2xl font-bold mb-4">📏
			{{ title }}</h1>

		{{ form_start(form, {'attr': {'class': 'space-y-4'}}) }}
		<div class="flex gap-2 justify-between">
			<div>
				<label class="block text-gray-700 font-medium mb-1">
					{{ form_label(form.date) }}
				</label>
				{{ form_widget(form.date) }}
				<p class="text-red-500 text-sm">{{ form_errors(form.date) }}</p>
			</div>
			<div>
				<label class="block text-gray-700 font-medium mb-1">
					{{ form_label(form.height) }}
				</label>
				{{ form_widget(form.height) }}
				<p class="text-red-500 text-sm">{{ form_errors(form.height) }}</p>
			</div>
			<div>
				<label class="block text-gray-700 font-medium mb-1">
					{{ form_label(form.weight) }}
				</label>
				{{ form_widget(form.weight) }}
				<p class="text-red-500 text-sm">{{ form_errors(form.weight) }}</p>
			</div>
		</div>
		<div>
			<label class="block text-gray-700 font-medium mb-1">
				{{ form_label(form.details) }}
			</label>
			{{ form_widget(form.details) }}
			<p class="text-red-500 text-sm">{{ form_errors(form.details) }}</p>
		</div>
		<div class="flex justify-center gap-4 mt-4">
			<button type="submit" class="button-style button-green">
				💾 Enregistrer
			</button>
			<a href="{{ path('app_horse_show', { name: horse.name }) }}" class="button-style button-gray">
				← Retour au cheval
			</a>
		</div>

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