<bp:template>
  <b:if cond='data:posts.notEmpty and !data:view.isPage'>
    <nav class='pager d-flex justify-content-center mb-3 mb-0-last-child' id='pager'>
      <ul class='pagination m-0'>
        <li class='page-item'>
          <b:class cond='!data:newerPageUrl' name='disabled'/>
          <b:if cond='data:newerPageUrl'>
            <a class='page-link' expr:href='data:newerPageUrl'>
              &#171; <data:messages.newer/>
            </a>
          <b:else/>
            <span class='page-link'>&#171; <data:messages.newer/></span>
          </b:if>
        </li>

        <li class='page-item'>
          <a class='page-link' expr:href='data:blog.homepageUrl'>
            <data:messages.home/>
          </a>
        </li>

        <li class='page-item'>
          <b:class cond='!data:olderPageUrl' name='disabled'/>
          <b:if cond='data:olderPageUrl'>
            <a class='page-link' expr:href='data:olderPageUrl'>
              <data:messages.older/> &#187;
            </a>
          <b:else/>
            <span class='page-link'><data:messages.older/> &#187;</span>
          </b:if>
        </li>
      </ul>
    </nav>
  </b:if>
</bp:template>
