{# templates/day_work/_form.html.twig #}
{{ form_start(form) }}
<div class="grid grid-cols-1 p-4 sm:grid-cols-2 bg-white mb-20 shadow-lg border rounded">
    {{ form_row(form.startHour, {
        'label_attr': {'class': 'col-md-2 block mt-2 text-lg font-bold required mx-4 mt-4'},
        'attr': {'class': 'col-md-10 form-control mx-4 border w-1/4'}
    }) }}

    {{ form_row(form.endHour, {
        'label_attr': {'class': 'col-md-2 block mt-2 text-lg font-bold required mx-4 mt-4'},
        'attr': {'class': 'col-md-10 form-control mx-4 border w-1/4'}
    }) }}

    {{ form_row(form.slotDuration, {
        'label_attr': {'class': 'col-md-2 block mt-2 text-lg font-bold required mx-4 mt-4'},
        'attr': {'class': 'col-md-10 form-control mx-4 border w-1/4'}
    }) }}

<div style="display: none;">
    {{ form_row(form.date, {
        'label_attr': {'class': 'col-md-2 block mt-2 text-lg font-bold required mx-4 mt-4'},
        'attr': {'class': 'col-md-10 form-control mx-4 border w-1/4'}
    }) }}
</div>

    <div class="text-center lg:text-left">
        <button type="submit" class=" btn btn-primary text-white bg-opacity-60 bg-vert my-6 mx-auto  px-4 text-3xl lg:text-base py-4 lg:py-2 ml-6 lg:ml-0 rounded hover:transition delay-100 duration-200 hover:scale-110">
            {{ button_label|default('<span>Créer</span>') }}
        </button>
    </div>
</div>
{{ form_end(form) }}