{{ form_start(form, {'attr': {'class': 'container mx-auto w-full lg:w-1/2 xl:w-1/3 bg-gray-100 shadow-lg rounded-lg px-6 py-8'}}) }}
    <div class="flex flex-col lg:flex-row lg:space-x-6 mb-4">
    <div class="flex-1 mb-4 lg:mb-0">
        {{ form_label(form.name, 'Nom de la catégorie', {'label_attr': {'class': 'block text-gray-700 text-3xl lg:text-base font-bold mb-2'}}) }}
        {{ form_widget(form.name, {'attr': {'class': 'shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 text-3xl lg:text-base leading-tight focus:outline-none focus:shadow-outline'}}) }}
    </div>
    </div>
    <div class="flex flex-col lg:flex-row lg:space-x-6 mb-4">
    <div class="flex-1 mb-4 lg:mb-0">
        {{ form_label(form.description, 'Description', {'label_attr': {'class': 'block text-gray-700 text-3xl lg:text-base font-bold mb-2'}}) }}
        {{ form_widget(form.description, {'attr': {'class': 'shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 text-3xl lg:text-base leading-tight focus:outline-none focus:shadow-outline'}}) }}
    </div>
    </div>
    <div class="flex flex-col lg:flex-row lg:space-x-6 mb-4">
        <div class="flex-1 mb-4 lg:mb-0">
            {{ form_label(form.hierarchy, 'Hiérarchie', {'label_attr': {'class': 'block text-gray-700 text-3xl lg:text-base font-bold mb-2'}}) }}
            {{ form_widget(form.hierarchy, {'attr': {'class': 'form-number shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 text-3xl lg:text-base leading-tight focus:outline-none focus:shadow-outline'}}) }}
        </div>
        </div>
        <div class="flex flex-col lg:flex-row lg:space-x-6 mb-4">
            <div class="flex-1 mb-4 lg:mb-0">
                {{ form_label(form.imageFile, 'Image', {'label_attr': {'class': 'block text-gray-700 text-3xl lg:text-base font-bold mb-2'}}) }}
                {{ form_widget(form.imageFile, {'attr': {'class': 'shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 text-3xl lg:text-base leading-tight focus:outline-none focus:shadow-outline'}}) }}
            </div>
            </div>    
    <button class="btn bg-blue-500 hover:bg-blue-700 text-white text-3xl lg:text-base font-bold py-4 lg:py-2 px-4 rounded focus:outline-none focus:shadow-outline">
        {{ button_label|default('Créer') }}
    </button>
    {{ form_end(form) }}