<nav class='buttons'>
    <ul>
        <li>
            <% if (ctx.prevLinkActive) { %>
                <a class='prev' href='<%- ctx.prevLink %>'>
            <% } else { %>
                <a class='prev disabled'>
            <% } %>
                <i class='fa fa-chevron-left'></i>
                <span>Previous page</span>
            </a>
        </li>

        <% for (let page of ctx.pages) { %>
            <% if (page.ellipsis) { %>
                <li>&hellip;</li>
            <% } else { %>
                <% if (page.active) { %>
                    <li class='active'>
                <% } else { %>
                    <li>
                <% } %>
                    <a href='<%- page.link %>'><%- page.number %></a>
                </li>
            <% } %>
        <% } %>

        <li>
            <% if (ctx.nextLinkActive) { %>
                <a class='next' href='<%- ctx.nextLink %>'>
            <% } else { %>
                <a class='next disabled'>
            <% } %>
                <i class='fa fa-chevron-right'></i>
                <span>Next page</span>
            </a>
        </li>
    </ul>
</nav>