<!--PAGINAÇÃO-->
  <div class="col-sm-12 mb-3">
    <!-- Pagination -->
    <nav aria-label="Page navigation example mt-5">
      <ul class="pagination">
        <li class="page-item <?php if ($page <= 1) {
                                echo 'disabled';
                              } ?>">
          <a class="page-link" href="<?php if ($page <= 1) {
                                        echo '#';
                                      } else {
                                        echo "#" . $prev;
                                      } ?>">Anterior</a>
        </li>

        <?php for ($i = 1; $i <= $totalPages; $i++) : ?>
          <?php //verificando primeira sitacao, página 1 até 20
             if ($page <= 20 ) {
                if ($i <= 20 ) { ?>
                      <li class="page-item <?php if ($page == $i) {
                                  echo 'active';
                                } ?>">
                        <a class="page-link" href="#<?php echo $i; ?>"> <?php echo $i; ?> </a>
                      </li>
              <?  } elseif ($i == 21) { ?>
                      <li class="page-item">
                         <a class="page-link">  ,,, </a>
                      </li>
           <?php   } elseif ($i == $totalPages) { ?>
                          <li class="page-item ">
                            <a class="page-link" href="#<?php echo $i; ?>"> <?php echo $i; ?> </a>
                          </li>
          <?php
                     }
          }  else  {  //pagina maior que 20
              if ( $i >= $page && $i <= $page+20  ) { ?>
                  <li class="page-item <?php if ($page == $i) {
                                  echo 'active';
                                } ?>">
                        <a class="page-link" href="#<?php echo $i; ?>"> <?php echo $i; ?> </a>
                      </li>
            <?
             }
              elseif ($i == $page+21) { ?>
                      <li class="page-item">
                         <a class="page-link">  ,,, </a>
                      </li>
             <?php }  elseif ($i == $totalPages) { ?>
                          <li class="page-item ">
                            <a class="page-link" href="#<?php echo $i; ?>"> <?php echo $i; ?> </a>
                          </li>
          <?php
                     }


            }
          ?>



        <?php endfor; ?>

        <li class="page-item <?php if ($page >= $totalPages) {
                                echo 'disabled';
                              } ?>">
          <a class="page-link" href="<?php if ($page >= $totalPages) {
                                        echo '#';
                                      } else {
                                        echo "#" . $next;
                                      } ?>">Próxima</a>
        </li>
      </ul>
    </nav>
  </div>

</div>