<div id="aggiungi-componente-sezione" class="modal fade" tabindex="-1" aria-labelledby="aggiungi un componente" aria-hidden="true" role="dialog">
    <div class="modal-dialog modal-xl" role="document">
        <input type="text" class="d-none" id="idPaginaSezione" value="<?php echo (isset($contenuto) ? $contenuto->getId() : "0")?>">
        <input type="text" class="d-none" id="tabellaSezioneNuovoElemento">
        <input type="text" class="d-none" id="idSezioneNuovoElemento">
        <input type="text" class="d-none" id="posizioneNuovoElementoSezione">
        
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Aggiungi un componente</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Chiudi">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="form-row d-flex align-items-stretch">
                    <?php 
                        $queryComponenti = "SELECT * FROM geecAd_componenti WHERE tipo LIKE 'componenteDinamico' OR tipo LIKE 'componenteDinamicoPagine' ORDER BY nome ASC";
                        $risComponenti = $geecomDb->eseguiQueryLettura($queryComponenti);
                        while($componente = $risComponenti->fetch_assoc()) {
                            echo"<div class=\"col-6 col-sm-4 col-md-3 col-lg-2 col-xl-1 my-1\">
                                <a href=\"#\" onclick=\"eseguiAggiuntaComponenteSezione({$componente["id"]})\" class=\"btn btn-light btn-block\">"
                                . "<img class=\"img-fluid\" src=\"{$componente["icona"]}\">"
                                . "<h6>{$componente["nome"]}</h6>
                                </a>
                            </div>";
                        }
                    ?>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">Annulla</button>
            </div>
        </div>
    </div>
</div>