<div class="row justify-content-center mt-2">
                        <div class="container">
                        <div class="row row-cols-1 row-cols-md-4 g-4">
                                <div class="col">
                                    <div class="card">
                                    <div class="card-body d-flex justify-content-between align-items-center">
                                        <div>
                                            <h5 class="card-title">Total apostado</h5>
                                            <p class="card-text"><?php echo 'R$ ' . number_format($afiliado[0]->saldo, 2); ?></p>
                                        </div>
                                        <span>
                                            <i class="fa-solid fa-circle-dollar-to-slot"></i>
                                        </span>
                                    </div>
                                    </div>
                                </div>
                                <div class="col">
                                    <div class="card">
                                    <div class="card-body d-flex justify-content-between align-items-center">
                                        <div>
                                            <h5 class="card-title">Total pendente</h5>
                                            <p class="card-text"><?php echo 'R$ ' . number_format($afiliado[0]->saldo, 2); ?></p>
                                        </div>
                                        <span>
                                            <i class="fa-regular fa-clock fa-lg"></i>
                                        </span>
                                    </div>
                                    </div>
                                </div>
                                <div class="col">
                                    <div class="card">
                                    <div class="card-body d-flex justify-content-between align-items-center">
                                        <div>
                                            <h5 class="card-title">Total de prêmios</h5>
                                            <p class="card-text"><?php echo 'R$ ' . number_format($afiliado[0]->saldo, 2); ?></p>
                                        </div>
                                        <span>
                                            <i class="fa-solid fa-trophy fa-lg"></i>
                                        </span>
                                    </div>
                                    </div>
                                </div>
                                <div class="col">
                                    <div class="card">
                                    <div class="card-body d-flex justify-content-between align-items-center">
                                        <div>
                                            <h5 class="card-title">Comissão</h5>
                                            <p class="card-text"><?php echo 'R$ ' . number_format($afiliado[0]->saldo, 2); ?></p>
                                        </div>
                                        <span>
                                            <i class="fa-solid fa-dollar-sign fa-lg"></i>
                                        </span>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <hr>
                    <div class="row">
                    <h3 class="white">Movimentações</h3>
            <div class="card mt-16">
               <?php if (empty($historico)): ?>
               <div class="card-body">
                  <h5 class="font mb-2 text-center" >Ainda não tem movimentações nesta conta.</h5>
               </div>
               <?php else: ?>   
               <table>
                  <thead>
                     <tr>
                        <th>Tipo</th>
                        <th>Debito</th>
                        <th>Crédito</th>
                        <th>Data e Hora</th>
                     </tr>
                  </thead>
                  <tbody>
                     <?php foreach ($historico as $hist): ?>  
                     <tr>
                        <td><?php echo $hist->pagina; ?></td>
                        <td><?php echo $hist->debito; ?></td>
                        <td><?php echo $hist->credito; ?></td>
                        <td><?php echo $hist->data_hora; ?></td>
                     </tr>
                     <?php endforeach; ?>
                  </tbody>
               </table>
               <?php endif; ?>
                    </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</main>