                    <div class="row justify-content-center mt-2">
                        <div class="container">
                        <?php if (empty($historico)): ?>
            <div class="card text-center bg-card-black">
                <div class="card-body mt-5 mb-5">
                    <h2 class="font mb-5" >Nenhum registro encontrado.</h2>
                </div>
            </div>
        <?php else: ?>
          <div class="card bg-card-black">
            <div class="card-body">
                <div class="container">
                    <table class="table table-bordered stable">
                        <thead>
                            <tr>
                            <th scope="col">#</th>
                            <th scope="col">Tipo</th>
                            <th scope="col">Jogo</th>
                            <th scope="col">Saldo</th>
                            <th scope="col">Crédito</th>
                            <th scope="col">Debito</th>
                            <th scope="col">IP</th>
                            <th scope="col">Data Hora</th>
                            </tr>
                        </thead>
                        <tbody>
                    <?php foreach ($historico as $hist): ?>  
                        <tr>
                            <th scope="row"><?php echo $hist->id; ?></th>
                            <td><?php echo $hist->pagina; ?></td>
                            <td><?php echo $hist->game_name; ?></td>
                            <td><?php echo $hist->saldo; ?></td>
                            <td><?php echo $hist->credito; ?></td>
                            <td><?php echo $hist->debito; ?></td>
                            <td><?php echo $hist->ip; ?></td>
                            <td><?php echo $hist->data_hora; ?></td>
                        </tr>
                    <?php endforeach; ?>     
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <?php endif; ?>
                        </div>
                    </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</main>