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

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

		{{ form_start(form, {'attr': {'class': 'space-y-4'}}) }}
		<div class="flex gap-2">
			<div class="flex items-center w-1/2 gap-2">
				<label class="block text-gray-700 font-medium mb-1">
					{{ form_label(form.administeredAt) }}
				</label>
				{{ form_widget(form.administeredAt) }}
				<p class="text-red-500 text-sm">{{ form_errors(form.administeredAt) }}</p>
			</div>
			<div class="flex items-center w-1/2 gap-2">
				<label class="block text-gray-700 font-medium mb-1">
					{{ form_label(form.nextDueAt) }}
				</label>
				{{ form_widget(form.nextDueAt) }}
				<p class="text-red-500 text-sm">{{ form_errors(form.nextDueAt) }}</p>
			</div>
		</div>
		<div>
			<label class="block text-gray-700 font-medium mb-1">
				{{ form_label(form.type) }}
			</label>
			{{ form_widget(form.type) }}
			<p class="text-red-500 text-sm">{{ form_errors(form.type) }}</p>
		</div>
		<div class="flex gap-2">
			<div class="flex items-center w-1/2 gap-2">
				<label class="block text-gray-700 font-medium mb-1">
					{{ form_label(form.productName) }}
				</label>
				{{ form_widget(form.productName) }}
				<p class="text-red-500 text-sm">{{ form_errors(form.productName) }}</p>
			</div>
			<div class="flex items-center w-1/2 gap-2">
				<label class="block text-gray-700 font-medium mb-1">
					{{ form_label(form.veterinarian) }}
				</label>
				{{ form_widget(form.veterinarian) }}
				<p class="text-red-500 text-sm">{{ form_errors(form.veterinarian) }}</p>
			</div>
		</div>
		<div>
			<label class="block text-gray-700 font-medium mb-1">
				{{ form_label(form.comment) }}
			</label>
			{{ form_widget(form.comment) }}
			<p class="text-red-500 text-sm">{{ form_errors(form.comment) }}</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 %}