Listagem 15 registros por pagina html + bootstrap + PHP

Listagem 15 registros por pagina html + bootstrap + PHP


<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Lista de Capítulos</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
</head>
<body>
    <div class="container">
    <br><br>
        <div style="display: flex; align-items: center;">
  <img src="https://images4.imagebam.com/f5/54/6f/MEJG5AJ_o.jpg" alt="Descrição da imagem" style="float: left; margin-right: 10px;">
  <h1 class="text-center" style="margin: 0 auto;">Uga Uga: Lista de Capítulos</h1>
</div>
<br><br>


        <table class="table table-hover">
            <thead>
                <tr>
                    <th>Capítulo</th>
                    <th>URL</th>
                </tr>
            </thead>
            <tbody>
                <?php
                // Dados de conexão com o banco de dados
                $hostname = 'host';
                $database = 'banco';
                $username = 'usuario';
                $password = 'senha';

                // Cria a conexão PDO
                try {
                    $pdo = new PDO("mysql:host=$hostname;dbname=$database", $username, $password);
                    $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
                } catch(PDOException $e) {
                    echo "Erro ao conectar com o banco de dados: " . $e->getMessage();
                }

                // Define a quantidade de registros por página
                $registrosPorPagina = 15;

                // Define o número da página atual
                $paginaAtual = isset($_GET['pagina']) ? (int)$_GET['pagina'] : 1;

                // Calcula o registro inicial da página
                $registroInicial = ($paginaAtual - 1) * $registrosPorPagina;

                // Prepara a consulta SQL
                //$sql = "SELECT * FROM ugauga LIMIT $registroInicial, $registrosPorPagina";

                // Prepara a consulta SQL
                    $sql = "SELECT * FROM ugauga ORDER BY id LIMIT $registroInicial, $registrosPorPagina";


                // Executa a consulta SQL
                $stmt = $pdo->query($sql);

                // Loop pelos registros da consulta
                while ($row = $stmt->fetch(PDO::FETCH_ASSOC)) {
                    echo "<tr>";
                    echo "<td>" . $row['id'] . "</td>";
                    echo "<td><a href='" . $row['url'] . "' target='_blank'>" . $row['url'] . "</a></td>";
                    echo "</tr>";
                }
                ?>
            </tbody>
        </table>

        <?php
        // Prepara a consulta SQL para contar o número de registros
        $sql = "SELECT COUNT(*) AS total FROM ugauga";

        // Executa a consulta SQL
        $stmt = $pdo->query($sql);

        // Obtém o número total de registros
        $totalRegistros = $stmt->fetch(PDO::FETCH_ASSOC)['total'];

        // Calcula o número de páginas
        $numeroDePaginas = ceil($totalRegistros / $registrosPorPagina);
        ?>

        <nav>
            <ul class="pagination">
                <?php
                // Verifica se é necessário exibir o link "Anterior"
                if ($paginaAtual > 1) {
                    echo "<li class='page-item'><a class='page-link' href='?pagina=" . ($paginaAtual - 1) . "'>Anterior</a></li>";
                }

                // Loop pelos links de página
                for ($pagina = 1; $pagina <= $numeroDePaginas; $pagina++) {
                    echo "<li class='page-item";
                    if ($pagina == $paginaAtual) {
                        echo " active";
                    }
                    echo "'><a class='page-link' href='?pagina=$pagina'>$pagina</a></li>";
                }

                // Verifica se é necessário exibir o link "Próximo"
                if ($paginaAtual < $numeroDePaginas) {
                    echo "<li class='page-item'><a class='page-link' href='?pagina=" . ($paginaAtual + 1) . "'>Próximo</a></li>";
                }
                ?>
            </ul>
        </nav>
    </div>
</body>
</html>