{{ form_errors(form) }}
{{ form_start(form) }}
<div class="row">
    <div class="col-8">
        {{ form_label(form.user) }}
        <div class="input-group mb-3">
            {{ form_widget(form.user, {'id':'js-list-users'}) }}
            <button class="btn btn-outline-success" type="button" data-action="{{ path('@Booking_reservation_admin_new_client') }}" data-title="Nouveau client" data-bs-toggle="modal" data-bs-target=".js-modalAjax">Nouveau client</button>
        </div>

        <div class="row">
            <div class="col-6">{{ form_row(form.dateRange) }}</div>
            <div class="col-6">
                <div>Chambres disponibles pour la date de séjour ?</div>
                <div><b id="js-booking_rooms_available"></b></div>
            </div>
            <div class="col-4">{{ form_row(form.nbRooms) }}</div>
            <div class="col-4">{{ form_row(form.adults) }}</div>
            <div class="col-4">{{ form_row(form.children) }}</div>
            <div class="col-12">{{ form_row(form.options) }}</div>
            <div class="col-12">{{ form_row(form.comment) }}</div>
        </div>
    </div>
    <div class="col-4">
        {{ form_row(form.status) }}
        {{ form_row(form.catering) }}
        {{ form_row(form.requestedRoomType) }}
    </div>
    <div class="col-12">
        {{ include('admin/ui/form/_submit.html.twig', {submit_class:'success', submit_label:'Sauvegarder'}) }}
    </div>
</div>
{{ form_end(form) }}

<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>