- Ajout du add favoris

src/Controller/APISearchController.php

@@ -7,6 +7,8 @@ use Symfony\Bundle\FrameworkBundle\Controller\AbstractController;
 use Symfony\Component\HttpFoundation\Request;
 use Symfony\Component\HttpFoundation\Response;
 use Symfony\Component\Routing\Annotation\Route;
+use App\Repository\FavorisRepository;
+use App\Entity\Favoris;
 
 class APISearchController extends AbstractController
 {
@@ -26,6 +28,18 @@ class APISearchController extends AbstractController
         return $this->googleBooksService->searchBooks($query);
     }
 
+    #[Route('/toggleLike/{idGoogle}', name: 'like', methods: "POST")]
+    public function addFavoris (FavorisRepository $favorisRepository, String $idGoogle)
+    {
+        $favoris = new Favoris();
+        $user = $this->getUser();
+        $favoris->setUser($user);
+        $favoris->setIdGoogle($idGoogle);
+
+        return $this->json($favorisRepository->addFavoris($favoris));
+
+    }
+
     #[Route('/api/search', name: 'api_search')]
     public function index(Request $request): Response
     {

src/Repository/FavorisRepository.php

@@ -21,6 +21,13 @@ class FavorisRepository extends ServiceEntityRepository
         parent::__construct($registry, Favoris::class);
     }
 
+    public function addFavoris(Favoris $favoris): void
+    {
+        $entityManager = $this->getEntityManager();
+        $entityManager->persist($favoris);
+        $entityManager->flush();
+    }
+
 //    /**
 //     * @return Favoris[] Returns an array of Favoris objects
 //     */

templates/apiSearch/index.html.twig

@@ -39,21 +39,43 @@
                 </div>
             </div>
             
+            {{ dump(book.id) }}
+
             <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
                  class="absolute top-2 right-2 w-6 h-6 cursor-pointer transition-colors duration-300"
                  x-data="{ liked: false }"
                  :fill="liked ? 'red' : 'none'"
                  :stroke="liked ? 'red' : 'currentColor'"
-                 @click="liked = !liked">
+                 @click="toggleLike('{{ book.id }}'); liked = !liked">
                 <path stroke-linecap="round" stroke-linejoin="round"
                       d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"/>
             </svg>
         </div>
-
-        </div>
-            </div>
-        </div>
-
     {% endfor %}
 </div>
+
+<script>
+    function toggleLike(idGoogle) {
+        fetch("{{ path('like', {'idGoogle': 'PLACEHOLDER'}) }}".replace('PLACEHOLDER', idGoogle), {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                'X-Requested-With': 'XMLHttpRequest',
+            },
+            body: JSON.stringify({
+                // tu peux envoyer des données ici si nécessaire
+            }),
+        })
+        .then(response => response.json())
+        .then(data => {
+            if (data.liked) {
+                // Mettre à jour le SVG ou l'état du bouton
+                console.log('Like effectué');
+            }
+        })
+        .catch(error => {
+            console.error('Erreur AJAX', error);
+        });
+    }
+</script>
 {% endblock %}