Eu não consigo fazer um laço dentro de um modal do bootstrap com uma array

Front-end
, , , ,
#1

Eu fiz um select no banco e rodei ele em um while, e depois eu fiz outro select para obter as informações que eu queria e rodei em outro while como mostra esse código:

`$resulta_select = "SELECT codHospital, nomeHospital, cepHospital, logradouroHospital, numeroHospital, compHospital, bairroHospital, cidadeHospital, estadoHospital, loginHospital, senhaHospital FROM tbhospital  WHERE nomeHospital LIKE '%$pesquisar%' and inativo=1";`

    $resultado_busca = mysqli_query($con, $resulta_select);

while($reg = mysqli_fetch_array($resultado_busca)) {

    $codHospital = $reg['codHospital'];
    $nomeHospital = $reg['nomeHospital'];
    $cepHospital = $reg['cepHospital'];
    $logradouroHospital = $reg['logradouroHospital'];
    $numHospital = $reg['numeroHospital'];
    $compHospital = $reg['compHospital'];
    $bairroHospital = $reg['bairroHospital'];
    $cidadeHospital = $reg['cidadeHospital'];
    $estadoHospital = $reg['estadoHospital'];
    $loginHospital = $reg['loginHospital'];
    $senhaHospital = $reg['senhaHospital'];
    
$resulta_select2 = "SELECT Plant.codPlantao, Plant.nomeEspecialidade, Plant.codHospital, Plant.horaInicio, Plant.horaFim, Plant.data, Med.nomeMedico, Hosp.nomeHospital from tbPlantao as Plant 
inner join tbMedico as Med on Plant.codMedico=Med.codMedico 
    inner join tbHospital as Hosp on Plant.codHospital=Hosp.codHospital where Hosp.codHospital = '$codHospital'";
    
    $resultado_busca2 = mysqli_query($con, $resulta_select2);
    
    while($reg2 = mysqli_fetch_array($resultado_busca2)) {
    
    $codPlantao = $reg2['codPlantao'];
    $nomeMedico2 = $reg2['nomeMedico'];
    $nomeHospital2 = $reg2['nomeHospital'];
    $codHospital2 = $reg2['codHospital'];
    $nomeEspecialidade2 = $reg2['nomeEspecialidade'];
    $horaInicio = $reg2['horaInicio'];
    $horaFim = $reg2['horaFim'];
    $data = $reg2['data'];

até ai tudo certo, ta recuperando o que eu realmente queria. Mas eu queria jogar esses campos em um modal simples que abre ao clicar em um botão mas o modal sempre pega o primeiro valor da consulta e não seta os outros como mostra na 2°IMAGEM:

image
image.png1366×768 102 KB
sendo que era pra setar os dados de todos os médicos daquele respectivo hospital (setado no select) e isso não acontece, ALGUÉM ME AJUDA PLEASE

código do modal:

echo '<div class="modal fade modalverPlantao" id="ExemploModalCentralizado" tabindex="-1" role="dialog" aria-labelledby="TituloModalCentralizado2" aria-hidden="true" >';
              echo '<div class="modal-dialog modal-dialog-centered" role="document">';
                echo '<div class="modal-content">';
                  echo '<div class="modal-header">';
                    echo '<h5 class="modal-title" id="TituloModalCentralizado2">Informações '.$nomeMedico2.'</h5>';
                     echo '<button type="button" class="close" data-dismiss="modal" aria-label="Fechar">';
                        echo '<span aria-hidden="true">&times;</span>';
                    echo "</button>";
                  echo "</div>";
                  echo '<div class="modal-body">';
                    echo  '<div class="card">';
                  echo '<div class="card-body">';
            
            echo '<input type="hidden" name="idHospital" value="'.$codHospital2.'"/>';
                 echo '<h5 class="card-title">Informações Básicas</h5>';
         echo '<label for="joao" id="nomeMedico" class="form-control" name="nomeMedico" value="'.$nomeMedico2.'" > Médico: '.$nomeMedico2.' </label>';
                        echo "<br/>";
                        echo '<label for="joao" id="nomeEspecialidade" class="form-control" name="nomeEspecialidade" value="'.$nomeEspecialidade2.'" > Especialidade: '.$nomeEspecialidade2.' </label>';
                        echo "<br/>";
                        echo '<label for="joao" id="horaInicio" class="form-control" name="horaInicio" value="'.$horaInicio.'" > Inicio: '.$horaInicio.' </label>';
                        echo "<br/>";
                        echo '<label for="joao" id="horaFim" class="form-control" name="horaFim" value="'.$horaFim.'" > Fim: '.$horaFim.' </label>';
                        echo "<br/>";
                        echo '<label for="joao" id="data" class="form-control" name="data" value="'.$data.'"> Data: '.$data.' </label>';
                  echo "</div>";
            
                     echo "</div>";
                  echo "</div>";
                  echo '<div class="modal-footer">';
                    echo '<button type="button" class="btn btn-danger" data-dismiss="modal">Fechar</button>';
                  echo "</div>";
            echo "</div>";  
       echo "</div>";

código da function que abre o modal: 
<script>
    $('.modalverPlantao').on('show.bs.modal', function(event) {

        var button = $(event.relatedTarget); // Button that triggered the modal
        var recipient = button.data('whatever');
        var recipientId = button.data('whateverid');
        var recipientNome = button.data('whatevernome');
        var recipientEspecialidade = button.data('whateverespecialidade');
        var recipientHoraInicio = button.data('whateverhorainicio');
        var recipientHoraFim = button.data('whateverhorafim');
        var recipientData = button.data('whateverdata');

        var modal = $(this);
        modal.find('.modal-title').text('Hospital: ' + recipient);
        modal.find('#idHospital').val(recipientId);
        modal.find('#nomeMedico').val(recipientNome);
        modal.find('#nomeEspecialidade').val(recipientEspecialidade);
        modal.find('#horaInicio').val(recipientHoraInicio);
        modal.find('#horaFim').val(recipientHoraFim);
        modal.find('#data').val(recipientData);
    })
</script>