Bootstrap 4 Blog Navigation for Middleman

blog-pagination.erb

<% if paginate && num_pages > 1 %>
	<nav aria-label="Blog Navigation" class="blog-navigation">

		<ul class="pagination">
			<% if prev_page %>
				<li class="page-item">
					<%= link_to 'Previous', prev_page, class: 'page-link', tabindex: '-1' %>
				</li>
			<% else %>
				<li class="page-item disabled">
					<a class="page-link" href="#" tabindex="-1">Previous</a>
				</li>
			<% end %>

			<% (1..num_pages).each do |i| %>
				<% if page_number == i %>
					<li class="page-item active">
						<% if i === 1 %>
							<a class="page-link" href="/blog/">1
							<% else %>
								<a class="page-link" href="/blog/page/<%= i %>"><%= i %>
								<% end %>
								<span class="sr-only">(current)</span></a>
						</li>
					<% else %>
						<li class="page-item">
							<% if i === 1 %>
								<a class="page-link" href="/blog/">1
								<% else %>
									<a class="page-link" href="/blog/page/<%= i %>"><%= i %>
									<% end %>
									<span class="sr-only">(current)</span></a>
							</li>
						<% end %>
					<% end %>

					<% if next_page %>
						<li class="page-item">
							<%= link_to 'Next', next_page, class: 'page-link'%>
						</li>
					<% else %>
						<li class="page-item disabled">
							<a class="page-link" href="#" tabindex="-1">Next</a>
						</li>
					<% end %>

				</ul>
			</nav>
		<% end %>