<article ng-repeat="post in pagedPosts" class="entry">

  <header class="entry-header">

    <h2 class="entry-title">
      <a href="#/post/{{post._id}}" title="">{{ post.title }}</a>
    </h2>

    <div class="entry-meta">
      <ul>
        <li>{{ post.createdAt | date:'MMM d, y'}}</li>
        <span class="meta-sep">&bull;</span>
        <li>
          {{ post.category_id.name ? (post.category_id.name | capitalize) : 'Ucategorized' }}
        </li>
        <span class="meta-sep">&bull;</span>
        <li>
          <a href="#/profile/{{post.user_id._id}}" title="" rel="user tag">{{post.user_id.username ? post.user_id.username : post.user_id.name}}</a>,
        </li>
      </ul>
    </div>

  </header>

  <div class="entry-content">
    <p bindHtmlCompile="post.content"></p>
  </div>

</article> <!-- end entry -->

<div class="row add-bottom">

  <div class="twelve columns add-bottom">

    <nav class="pagination add-bottom">

      <span ng-click="setPage(pager.startPage)" ng-class="{inactive:pager.currentPage === 1}" class="page-numbers prev inactive">First</span>
      <span ng-click="setPage(pager.currentPage - 1)" ng-class="{inactive:pager.currentPage === 1}" class="page-numbers prev inactive">Prev</span>
      <span ng-repeat="page in pager.pages" ng-click="setPage(page)" ng-class="{current:pager.currentPage === page}" class="page-numbers">{{page}}</span>
      <span ng-click="setPage(pager.currentPage + 1)" ng-class="{inactive:pager.currentPage === pager.totalPages}" class="page-numbers next">Next</span>
      <span ng-click="setPage(pager.totalPages)" ng-class="{inactive:pager.currentPage === pager.totalPages}" class="page-numbers prev inactive">Last</span>
    </nav>

  </div>

  <hr />

</div>