{{ form_start(form) }}
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
    {% if profil is defined and profil.picture %}
        <div class="col-span-full flex justify-center">
            <a href="{{ vich_uploader_asset(profil, 'pictureFile') }}" target="_blank" rel="noopener">
                <img src="{{ vich_uploader_asset(profil, 'pictureFile') }}" alt="{{ profil.fullName }}"
                     class="w-28 h-28 object-cover rounded border border-gray-300">
            </a>
        </div>
    {% endif %}

    {{ form_row(form.firstname) }}
    {{ form_row(form.lastname) }}

    <div class="md:col-span-2">
        {{ form_row(form.gender) }}
    </div>

    {{ form_row(form.birthday) }}
    {{ form_row(form.placeBirth) }}
    {{ form_row(form.pictureFile) }}

    {% if form.relationBetween is defined %}
        {{ form_row(form.relationBetween) }}
    {% endif %}
</div>

<div class="mt-4">
    {{ form_widget(form.old) }}
</div>

<div class="mt-6">
    <button type="submit" class="btn btn-primary">
        Valider
    </button>
</div>
{{ form_end(form) }}