Passare i risultati di un foreach in un modal. Help!

[Phelps]

Ciclando il JSON delle Woocommerce API mi trovo ad un certo punto dove in un <td> della tabella che ho realizzato ,ho la necessità di creare un altro ciclo per passare a ogni utente i prodotti che ha acquistato. Normalmento io li sò stampare nel td, il problema è che la tabella mi prende dimensioni assurde con il layout, visto che cosi li stampa uno sotto l'altro nella cella della tabella assegnata.

foreach($row['line_items'] as $value){
          echo 'N° '.$value['quantity'].' '.$value['name'].'<br>';
}

Posso risolvere mettendo un bottone che richiama un modal alla quele passere quelle info. Il problema è come faccio?

Questo è un classico modal bootstrap.

<!-- Button trigger modal -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
Launch demo modal
</button>

<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>

Grazie infinite per l'aiuto

 

[Tommy03]

Puoi mettere il foreach direttamente dentro al modal... È questi che intendevi?

 

[Phelps]

Devo dire che mi illuminato siiii xke trattandosi di un ciclo di un ciclo posso mettere direttamente il Modal nel <td>, il ciclo lo metto dentro al modal content e il bottone lo metto fuori. Affinchè poi il bottone faccia una chiamata univoca ho messo il suo data target dinamico cosi:

<td>
                        <!-- Button trigger modal -->
                        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal<?=$row['id']?>">
                            Launch demo modal
                            </button>

                        <!-- Modal -->
                        <div class="modal fade" id="exampleModal<?=$row['id']?>" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                        <div class="modal-dialog" role="document">
                        <div class="modal-content">
                        <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                        </button>
                        </div>
                        <div class="modal-body">
                        <?php
                        foreach($row['line_items'] as $value){
                                echo 'N° '.$value['quantity'].' '.$value['name'].'<br>';
                            }
                         ?>
                        </div>
                        <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        <button type="button" class="btn btn-primary">Save changes</button>
                        </div>
                        </div>
                        </div>
                        </div>
                    </td>

L'indent fà un pò schifo ma funziona alla grande Bro!