Ajuda com PHP

[Augusto Developer 0]

Olá, Developers.

Bom, estou tentando somente colocar uma cor (um círculo - CSS) , em cada número que esta vindo do banco de dados, e até agora sem sucesso. Não estou usando FUNÇÃO, e somente coisa básica com PHP.

 

Estou com duvida de colocar isso, com PHP, pois ja fiz com implode, explode e ate mesmo outros. Eu só preciso mesmo deixar cada número com cor separadamente, se vocês puderem me ajudar eu agradeço, pois o que voces verá aqui é a Cartela final para impressão de um Bingo.

 

Esse aqui é onde eu tenho minha Conexão(Leitura do Banco), e  dou um echo, percorrendo o foreach, codigo abaixo para visualização.

Obs: Código que esta aqui, ja é a versão que gera o DomPDF. - Ja esta funcionando.

 

Segue a imagem, como esta a estrutura ate o momento.

Código abaixo, para melhor analise.

 

 

 

<?php

    include '../conexao/load.php';

    require_once  '../plugins/phpqrcode/qrlib.php';

 

    ob_start();

    session_start();

?>

 

    <style>

        table{

            width: 100%;

            border: 1px solid #555;

            margin: 0;

            padding: 0;

        }

        th {

            text-transform: uppercase;

        }

 

        table, th, td{

            border:  1px solid #555;

            border-collapse: collapse;

            text-align: left;

            padding: 10px;

        }

 

        tr:nth-child(2n+0) {

            background: #eee;

        }

 

        .banner{  

            display: flex;

            justify-content: center;   

        }

 

        .imagem{

        margin: 0 300px;

        text-align: center;

        }

 

        .text-gerado{

            text-align: center;

            background-color: #2dce89;

            margin: 0 180px;

            font-size: 16px;

            padding: 10px;

            margin-top: -20px;      

        }

 

        .numbers_generators{

            display: flex;

            justify-content: center; 

            align-items: center;   

        }

 

        .circulo{

            width: 100px;

            height: 100px;

            border-radius: 50%; 

            background-color: red;

            margin: 50px;

        }

    </style>

 

    <?php

        $read = Conexao_Find("SELECT * FROM cartela WHERE status_cartela = 'Aguardando pagamento' ORDER BY id_cartela");

        if($read){

            $mostrarResultado = [];

            foreach ($read as $key => $print):

                $mostrarResultado[$key] = str_split($print['numbers_generators'], 2);

            

        //echo "<pre>", var_dump($print) ,"</pre>"              

    ?>

 

    <table class="table">

        <tr>

            <th><span class="badge badge-secondary">APOSTADOR INDIVIDUAL</span></th>

        </tr>

 

        <tr>

            <td>

                <img alt="Image placeholder" src="../assets/img/theme/concurso.jpeg" class="img-fluid rounded" style="width: 710px; height: 300px;"> 

            </td>

    

        </tr>

 

        <tr>

            <td>

                <?php 

                    $user_id = $_SESSION['userlogin']['user_id'];

                    $dadosuser = Conexao_ReadAll('user',"WHERE user_id = " . (int)$user_id );

                    $dadosuser = $dadosuser['0'];

                    //$userlogin = $user['0'];

                

                    $path = '../images/';

                    $file = $path.uniqid()."png";

 

                    $text = "Empresa: PARÁ BINGO DA SORTE";

                    $text .= "Nome Jogador: '" . $dadosuser['user_name'] ."'";

                    $text .= "Email: '" . $dadosuser['user_email'] ."' ";

                    $text  .= "Fone: '" . $dadosuser['user_phone'] ."' ";

 

                    QRcode::png($text, $file, 'L', 2, 2);

                    echo "<p class=\"banner\"><img class=\"imagem\" src='". $file ."'></p>";

                ?>

 

                <p class="text-gerado">JOGO GERADO - <b>CARTELA #<?= $print['cod_reference']; ?></p>

            </td>

        </tr>

 

        <tr>

            <td>

                <span class="numbers_generators"><b><?= implode(" - ", $mostrarResultado[$key]); ?></b></span>

            </td>

        </tr>

    </table>

 

    <?php endforeach; } ?>

 

 

 

 

 

 

[Misael Silva 1]

Boa noite, Augusto.

       Pelo o que eu vi você possui uma variável chamada $mostrarResultado[$key], e que através de um implode expôs os seus respectivos elementos em somente uma linha na interface separados pelo " - ". Que tal fazer um for onde de elemento em elemento adicione uma tag html como a <pre>. E assim corrija tanto as imperfeições e adicione o efeito circulo pelo css.

 

Exemplo:

 

Impressão no HTML

 

<td>

  <span>

  <b>

   <pre>33</pre>

   <pre>46</pre>

   <pre>49</pre>

  </span>

 </b>

</td>

 

 

PHP:

 

for($i = 0; $i < count($arrayDosNumeros); $i++){

      $arrayDosNumeros[$i] = "<pre>" .   $arrayDosNumeros[$i]  "</pre>";

}

e só dar o implode e separar-los por "-".

 

Css:

 

que tal um background-color e padding com um border-radius

 

 

Eu tentaria fazer dessa forma, espero ter ajudado.

 

Att. Misael M. Silva