[%- USE T8 %]
[%- MACRO build_url BLOCK %]
 [%- IF base_url %]
  [%- base_url %]&page=[% page %]
 [%- ELSE %]
  [% url_maker('page' => page) %]
 [%- END %]
[%- END %]
[%- IF pages.max > 1 %]
<div class='paginate'>
[%- IF pages.page > 1 %]<a class='paginate-link paginate-prev' href='[% build_url(page=pages.page - 1) %]'>&laquo; [% 'prev' | $T8 %]</a> [% ELSE %]<b>&laquo;</b> [% END %]
[%- FOR p = pages.common %]
  [%- NEXT UNLESS p.visible %]
  [%- IF p.active %]<a class='paginate-link paginate-page' href="[% build_url(page=p.page) %]">[% p.page %]</a> [% ELSE %]<b>[% p.page %]</b> [%- END %]
[%- END %]
[%- IF pages.page < pages.max %]<a class='paginate-link paginate-next' href='[% build_url(page=pages.page + 1) %]'>[% 'next' | $T8 %] &raquo;</a>[% ELSE %]<b>&raquo;</b>[%- END %]
</div>
[%- END %]
[%- IF target %]
<script type='text/javascript'>
  var target   = '[% target %]';
  $(function(){
    $('.paginate-link').click(function(event){
      event.preventDefault();
      var e = this;
      var url = $(this).attr('href')
      $.ajax({
        url: url,
        success: function(data){
          $(target).html(data)
        },
      })
    });
  });
</script>
[%- END %]