diff --git a/app/templates/vendor/customers.html b/app/templates/vendor/customers.html
index edd7a3b5..1d2352f3 100644
--- a/app/templates/vendor/customers.html
+++ b/app/templates/vendor/customers.html
@@ -175,19 +175,7 @@
 </div>
 
 <!-- Pagination -->
-<div x-show="!loading && pagination.total > 0" class="mb-8">
-    {{ pagination(
-        current_page='pagination.page',
-        total_pages='totalPages',
-        total_items='pagination.total',
-        start_index='startIndex',
-        end_index='endIndex',
-        page_numbers='pageNumbers',
-        previous_fn='previousPage()',
-        next_fn='nextPage()',
-        goto_fn='goToPage'
-    ) }}
-</div>
+{{ pagination(show_condition="!loading && pagination.total > 0") }}
 
 <!-- Customer Detail Modal -->
 <div x-show="showDetailModal" x-cloak class="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black bg-opacity-50">
diff --git a/app/templates/vendor/inventory.html b/app/templates/vendor/inventory.html
index 32ca3bd6..f7928862 100644
--- a/app/templates/vendor/inventory.html
+++ b/app/templates/vendor/inventory.html
@@ -250,19 +250,7 @@
 </div>
 
 <!-- Pagination -->
-<div x-show="!loading && pagination.total > 0" class="mb-8">
-    {{ pagination(
-        current_page='pagination.page',
-        total_pages='totalPages',
-        total_items='pagination.total',
-        start_index='startIndex',
-        end_index='endIndex',
-        page_numbers='pageNumbers',
-        previous_fn='previousPage()',
-        next_fn='nextPage()',
-        goto_fn='goToPage'
-    ) }}
-</div>
+{{ pagination(show_condition="!loading && pagination.total > 0") }}
 
 <!-- Adjust Stock Modal -->
 {{ modal_simple(
diff --git a/app/templates/vendor/orders.html b/app/templates/vendor/orders.html
index d53cf1d6..210c7a22 100644
--- a/app/templates/vendor/orders.html
+++ b/app/templates/vendor/orders.html
@@ -262,19 +262,7 @@
 </div>
 
 <!-- Pagination -->
-<div x-show="!loading && pagination.total > 0" class="mb-8">
-    {{ pagination(
-        current_page='pagination.page',
-        total_pages='totalPages',
-        total_items='pagination.total',
-        start_index='startIndex',
-        end_index='endIndex',
-        page_numbers='pageNumbers',
-        previous_fn='previousPage()',
-        next_fn='nextPage()',
-        goto_fn='goToPage'
-    ) }}
-</div>
+{{ pagination(show_condition="!loading && pagination.total > 0") }}
 
 <!-- Status Update Modal -->
 {{ modal_simple(
diff --git a/app/templates/vendor/products.html b/app/templates/vendor/products.html
index 46639fd8..a2e427a0 100644
--- a/app/templates/vendor/products.html
+++ b/app/templates/vendor/products.html
@@ -316,19 +316,7 @@
 </div>
 
 <!-- Pagination -->
-<div x-show="!loading && pagination.total > 0" class="mb-8">
-    {{ pagination(
-        current_page='pagination.page',
-        total_pages='totalPages',
-        total_items='pagination.total',
-        start_index='startIndex',
-        end_index='endIndex',
-        page_numbers='pageNumbers',
-        previous_fn='previousPage()',
-        next_fn='nextPage()',
-        goto_fn='goToPage'
-    ) }}
-</div>
+{{ pagination(show_condition="!loading && pagination.total > 0") }}
 
 <!-- Delete Confirmation Modal -->
 {{ modal_simple(