Bonjour,

Sur cette page, l'utilisateur entre les dates qu'il souhaite et clique sur voir les "disponibilités".

Si je clique j'ai bien les appartements disponibles qui me sont retourné, sauf que ca me le retourne en rechargeant la page. 

Pour l'expérience utilisateur, je voudrai que la page ne se recharge pas, et que ce sois fluide et simple. 

je sais que je dois utiliser ajax, mais j'y comprend rien du tout. 

Pouvez vous m'aider s'il vous plait.

mon controller:

/**
     * @Route("/", name="homepage")
     */
    public function homepage(RoomRepository $roomRepository, Request $request): Response
    {
        //CREATION FORMULAIRE DE RESERVATION
  
        $availableForm = $this->createForm(chekingAvailabilityType::class);
       

        $availableForm->handleRequest($request);


        $start = $availableForm['startDate']->getData();
        $leave = $availableForm['leaveDate']->getData();
        

        if ($availableForm->isSubmitted()) {

         $rooms = $roomRepository->notBookedRooms($start, $leave); //C'est ici que je ne sais pas comment faire.
            return $rooms;

        }    

        $availableFormView = $availableForm->createView();

        return $this->render('page/homepage/homepage.html.twig',  [
            'availableFormView' => $availableFormView,
            'rooms' => $rooms           
            
           
        ]);
    }

mon twig 

<div class="container">
	<div class="row">
		<div class="col">
			<div class="row">
				{{ form_start(availableFormView) }}
				<div class="col">{{ form_row(availableFormView.startDate) }}</div>
				<div class="col">{{ form_row(availableFormView.leaveDate) }}</div>
				<a class="btn btn-primary text-white">Voir les disponibilités</a>
				{{ form_end(availableFormView) }}
			</div>
		</div>
		<div id="container" class="col">
			{% for room in rooms %}
				{{room.name}}
			{% endfor %}
		</div>

	</div>

</div>

Merci d'avance

-
Edité par Frigalou 22 septembre 2021 à 14:08:04