pagination pager feature

src/_includes/pagination.html

 {% assign count = include.count | default: 5 %}
 {% assign active-item = include.active-item | default: 2 %}
-<ul class="pagination {{ include.class }}">
-	<li class="page-item disabled{% if include.pager %} mr-auto{% endif %}">
+<ul class="pagination {{ include.class }}{% if include.pager %} pagination-pager{% endif %}">
+	<li class="page-item page-prev disabled">
 		<a class="page-link" href="#" tabindex="-1">
 			{% if include.left-icon %}<i class="{{ include.left-icon }}"></i>{% else %}Prev{% endif %}
 		</a>
 	</li>
 
-	{% unless include.pager %}
 	{% for i in (1..count) %}
 	<li class="page-item{% if i == active-item %} active{% endif %}"><a class="page-link" href="#">{{ i }}</a></li>
 	{% endfor %}
-	{% endunless %}
 
-	<li class="page-item{% if include.pager %} ml-auto{% endif %}">
+	<li class="page-item page-next">
 		<a class="page-link" href="#">
 			{% if include.right-icon %}<i class="{{ include.right-icon }}"></i>{% else %}Next{% endif %}
 		</a>

src/assets/scss/dashboard/_pagination.scss

@@ -10,4 +10,20 @@
 			font-weight: 700;
 		}
 	}
+}
+
+.pagination-pager {
+	.page-prev {
+		margin-right: auto;
+	}
+
+	.page-next {
+		margin-left: auto;
+	}
+}
+
+.page-total-text {
+	margin-right: 1rem;
+	align-self: center;
+	color: $text-muted-dark;
 }
\ No newline at end of file

src/pagination.html

@@ -13,6 +13,9 @@ layout: default
 	<div>
 		{% include pagination.html pager=true %}
 	</div>
+	<div>
+		{% include pagination.html pager=true count=0 %}
+	</div>
 	<div>
 		{% include pagination.html left-icon="fe fe-chevron-left" right-icon="fe fe-chevron-right" %}
 	</div>
@@ -22,8 +25,12 @@ layout: default
 	<div>
 		{% include pagination.html class="justify-content-end" %}
 	</div>
-
 	<div>
 		{% include pagination.html class="pagination-simple" %}
 	</div>
+
+	<div class="d-flex align-items-center mb-4">
+		<div class="page-total-text ">1-20 of 85 items</div>
+		{% include pagination.html class="m-0" %}
+	</div>
 </div>
\ No newline at end of file