Masquer un formulaire après validation (twig)

Bonjour,

Je bloque actuellement sur un problème, je n'arrive pas à trouver la solution. J'ai une page de produit faites avec le système de cart sur bootstrap qui se présente comme ceci (cf la capture d'écran)



J'aimerais que quand l'utilisateur ajoute un produit, ce dernier n'apparaisse plus sur la page. L'exercice m'est imposé en TWIG, j'ai réussi à traiter l'ajout du produit dans le panier, mais je suis complètement bloqué sur cette étape. Je vous poste le code que j'ai produit jusqu'a maintenant :

    {% for row in products|batch(4) %}
            <div class="card-deck">
                {% for product in row %}
                <div class="card mb-4">
                    <img src="{{ product.image_file }}" class="card-img-top" style="max-height: 250px;" alt=""/>
                    <div class="card-body">
                        <h5 class="card-title">{{ product.name }}</h5>
                        <p class="card-text">
                            {{ product.description }}
                        </p>
                    </div>
                    <div class="card-footer text-center">
                        {{ form.start({action:generate('technicien_carts_add')}) }}
                            {{ tag.input({type:'hidden', name:'product_id', value: product.id}) }}
                            {{ tag.input({type:'number', name:'quantity', class:'d-inline w-50'}) }}
                            <button type="submit" class="btn btn-primary"><i class="fas fa-cart-plus">{{ if  }}</i></button>
                        {{ form.end() }}
                    </div>
                </div>
                {% endfor %}

J'étais parti sur l'idée qu'il fallait que je crée une nouvelle macro, mais j'ai beaucoup de mal à maitriser Twig. Si quelq'un à une idée de comment je pourrai m'y prendre, je suis preneur ! Merci d'avance pour votre aide :)