Réalisation d'un Carrousel dynamique

Bonjour à tous,

Je suis en formation dev et donc un débutant. S'il vous plaît merci d'expliquer au mieux vos réponses.

Pour un projet de stage en PHP et Symfony 5 je souhaite réaliser un carrousel en lien avec la BDD car son futur utilisateur doit pouvoir ajouter le nombre de photos de son choix dans ce carrousel via le formulaire.

J'ai une entité Produit qui est en relation avec l'entité Photo_produit qui va elle contenir les multiples photos et les associer en fonction de l'ID du produit, rien d'extra jusque là.
Je vais donc dans le CRUD de mon entité Produit et pour l'affichage d'un seul produit j'insère gentiment un des modèles de bootstrap qui s'affiche convenablement mais quand je souhaite passer à l'image suivante rien ne se produit.. Alors que mes images sont bien enregistrées dans la BDD.

Ce screen est mon fichier show.html.twig

    {% if produit.photoProduits|length != 0 %}

        <div id="monCarrousel" class="carousel slide" data-ride="carousel">
            <div class="carousel-inner">

            {% for photoProduit in produit.photoProduits %}

                <div class="carousel-item {% if loop.index0 == 0 %} active {% endif %}">
                    <img class="d-block w-50 white" src="{{ asset('build/images/' ~ photoProduit.adresse) }}" alt="Image du produit">
                </div>

            {% endfor %}

            </div>

            <a class="carousel-control-prev" href="#monCarrousel" role="button" data-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            </a>

            <a class="carousel-control-next" href="#monCarrousel" role="button" data-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
            </a>
        </div>

    {% else %}

        <h4 class="white"> Les photos seront bientôt disponibles </h1>

    {% endif %}

    <a href="{{ path('app_produit_index') }}" id="bouton_validation">Retour à la liste</a>

    </div>
</div>

Je constate d'ailleurs que mes images sont bien toutes en place car si je change la valeur de loop.index0 mon image active n'est plus la même (logique vous me direz). Ce que je n'arrive pas à faire c'est passer d'une image à l'autre comme si je n'avais pas de pointeur pour me déplacer dans le tableau de mes photos.

J'ai essayé beaucoup de choses comme l'ajout de php avec une belle boucle while et un compteur mais sans succès car lorsque je fais ça je me prend une erreur comme quoi il ne trouve pas photoProduit qui est dans ma balise img (normal car je retire la boucle for qui permet de l'identifier).

J'espère avoir été bon dans mes explications. Merci d'avance pour les vôtres.