[PDO] transmettre id modal

Bonsoir
j'ai une page qui récapitule tous nos producteurs

Code:

1
2
3
4
5
6
7
8
9
10
11
 
  <?php
                $reponse = $connexion->query('SELECT * FROM prodhk
');
                while ($donnees = $reponse->fetch()) {
                    $vart  = $donnees['titre'];
                    $varst = $donnees['soustitre'];
                    $vari  = $donnees['intitule'];
                    $varl  = $donnees['lien'];
                    $varc  = $donnees['categorie'];
                    ?>

ensuite

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<div class="col-lg-2 shadow py-4 col-sx-6 flex-fill <?= $varc; ?>">
                        <div class="product-item card mb-5">
                            
                            <div class="card-body">
                                <div class="text-center">
                                    <h5 class="card-title text-uppercase fw-bold""
                                    style="color:#f07900"><?= $vart; ?></h5>
                                    <p class="card-text" style="color:#306eb3"><?= $varst; ?></p>
                                    <!-- Button trigger modal -->
                                    <button class='btn btn-primary btn-xs' data-bs-toggle='modal' data-bs-target="#exampleModal" '
>
                          <i class='material-icons'>pour en savoir plus</i>
                        </button>

                                   
                                </div>
                            </div>
                        </div>
                    </div>

comment transmettre l'id de chaque enregistrement dans le modal ?
Et ensuite afficher les champs

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<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"><?= $vart; ?></h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                   <?= $varst; ?>
                </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>

Merci d'avance pour les coups de main