{# templates/form/contact.html.twig #}
{{ form_start(form, { 'attr': { 'class': 'space-y-4' } }) }}

<div class="space-y-4">
    <div>
        {{ form_label(form.name, 'Nom', { 'attr': { 'class': 'block text-sm font-medium text-gray-700' } }) }}
        {{ form_widget(form.name, { 'attr': { 'class': 'mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm' } }) }}
        {{ form_errors(form.name) }}
    </div>

    <div>
        {{ form_label(form.firstName, 'Prénom', { 'attr': { 'class': 'block text-sm font-medium text-gray-700' } }) }}
        {{ form_widget(form.firstName, { 'attr': { 'class': 'mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm' } }) }}
        {{ form_errors(form.firstName) }}
    </div>

    <div>
        {{ form_label(form.email, 'Adresse email', { 'attr': { 'class': 'block text-sm font-medium text-gray-700' } }) }}
        {{ form_widget(form.email, { 'attr': { 'class': 'mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm' } }) }}
        {{ form_errors(form.email) }}
    </div>

    <div>
        {{ form_label(form.subject, 'Objet', { 'attr': { 'class': 'block text-sm font-medium text-gray-700' } }) }}
        {{ form_widget(form.subject, { 'attr': { 'class': 'mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm' } }) }}
        {{ form_errors(form.subject) }}
    </div>

    <div>
        {{ form_label(form.content, 'Contenu', { 'attr': { 'class': 'block text-sm font-medium text-gray-700' } }) }}
        {{ form_widget(form.content, { 'attr': { 'class': 'mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm', 'rows': '5' } }) }}
        {{ form_errors(form.content) }}
    </div>
</div>

<div class="mt-6">
    <button type="submit" class="inline-flex items-center px-4 py-2 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
        {{ button_label|default('Envoyer') }}
    </button>
</div>

{{ form_end(form) }}