common/templates/common/components/pagination.html

@@ -51,6 +51,40 @@
       </li>
       {% endif %}
     </ul>
+  
+    <ul class="pagination-m pb-2">
+      {% if page_obj.number != 1 %}
+      <li class="page-item page-first">
+        <a href="?{% query_transform page=1 %}">
+          First
+        </a>
+      </li>
+      {% endif %}
+
+      {% if page_obj.has_previous %}
+      <li class="page-item page-prev">
+        <a href="?{% query_transform page=page_obj.previous_page_number %}">
+          <i class="i-chevron-left"></i> Previous
+        </a>
+      </li>
+      {% endif %}
+
+      {% if page_obj.has_next %}
+      <li class="page-item page-next">
+        <a href="?{% query_transform page=page_obj.next_page_number %}">
+          Next <i class="i-chevron-right"></i>
+        </a>
+      </li>
+      {% endif %}
+
+      {% if page_obj.number != page_obj.paginator.num_pages %}
+      <li class="page-item page-last">
+        <a href="?{% query_transform page=page_obj.paginator.num_pages %}">
+          Last
+        </a>
+      </li>
+      {% endif %}
+    </ul>
   {% endif %}
 
   <div class="mb-2 mb-lg-0 page-item text-center">