<div class="newsletter-form-box">
<h3>{{ 'app.booking.title'|trans }}</h3>
{{ form_start(bookingForm, {'action': path('front_booking_reservation'), 'method': 'POST', 'attr' : {'id' : 'booking-form'}}) }}
<div class="row">
<div class="col-xl-12">
{{ form_widget(bookingForm.customer.gender) }}
<button type="button">
<i class="fa-sharp fa-solid fa-person-half-dress" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="row">
<div class="col-xl-12" style="margin-top:5px">
{{ form_widget(bookingForm.customer.firstname) }}
<button type="button">
<i class="fa-sharp fa-solid fa-user" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="row">
<div class="col-xl-12" style="margin-top:5px">
{{ form_widget(bookingForm.customer.lastname) }}
<button type="button">
<i class="fa-sharp fa-solid fa-user" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="row">
<div class="col-xl-12" style="margin-top:5px">
{{ form_widget(bookingForm.customer.email) }}
<button type="button">
<i class="fa-sharp fa-solid fa-at" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="row">
<div class="col-xl-12" style="margin-top:5px">
{{ form_widget(bookingForm.customer.phone) }}
<button type="button">
<i class="fa-sharp fa-solid fa-phone" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="row">
<div class="col-xl-12" style="margin-top:5px">
{{ form_widget(bookingForm.reservationDate) }}
</div>
</div>
<div class="row">
<div class="col-xl-12" style="margin-top:5px">
{{ form_widget(bookingForm.adults) }}
<button type="button">
<i class="fa-sharp fa-solid fa-users" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="row">
<div class="col-xl-12" style="margin-top:5px">
{{ form_widget(bookingForm.childrens) }}
<button type="button">
<i class="fa-sharp fa-solid fa-child" aria-hidden="true"></i>
</button>
</div>
</div>
{# <div class="row">
<div class="col-xl-12" style="margin-top:5px">
{{ form_widget(bookingForm.type) }}
<button type="button">
<i class="fa-sharp fa-solid fa-filter" aria-hidden="true"></i>
</button>
</div>
</div> #}
<div class="row">
<div class="col-xl-12" style="margin-top:5px">
{{ form_widget(bookingForm.location) }}
<button type="button">
<i class="fa-sharp fa-solid fa-filter" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="row">
<div class="col-xl-12" style="margin-top:5px">
{{ form_widget(bookingForm.notes) }}
<button type="button">
<i class="fa-sharp fa-solid fa-comments" aria-hidden="true"></i>
</button>
</div>
</div>
<div id="alert-booking" class="row" style="display:none">
<div class="col-xl-12" style="margin-top:5px">
<div class="alert alert-danger text-center">{{ 'app.booking.error.email_or_phone_missing'|trans }}</div>
</div>
</div>
<div class="row">
<div class="col-xl-12" style="margin-top:5px">
<input id="submit-booking" class="btn btn-appointement" type="submit" value="{{ 'app.booking.form.submit'|trans }}">
</div>
</div>
{{ form_end(bookingForm) }}
</div>