Add paginate

templates/index.html

@@ -6,7 +6,6 @@
 {% block main %}
   {{ typography::heading("All books") }}
 
-  
   {% call cards::card() %}
     <form method="get">
       <div class="row">
@@ -116,5 +115,27 @@
         {% endfor %}
       </tbody>
     </table>
+    
+    {% if total_page > 1 %}
+      <nav aria-label="Page navigation">
+        <ul class="pagination">
+          <li class="page-item {% if current_page <= 1 %}disabled{% endif %}">
+            <a class="page-link" href="/?{{ base_query }}page={% if current_page > 1 %}{{ current_page - 1 }}{% else %}1{% endif %}">Prev</a>
+          </li>
+        
+          {% for page in 1..(total_page + 1) %}
+            {% if page >= current_page - 1 && page <= current_page + 1 %}
+              <li class="page-item {% if page == current_page %}active{% endif %}">
+                <a class="page-link" href="/?{{ base_query }}page={{ page }}">{{ page }}</a>
+              </li>
+            {% endif %}
+          {% endfor %}
+
+          <li class="page-item {% if current_page == total_page %}disabled{% endif %}">
+            <a class="page-link" href="/?{{ base_query }}page={{ current_page + 1 }}">Next</a>
+          </li>
+        </ul>
+      </nav>
+    {% endif %}
   {% endcall %}
 {% endblock %}