%= form_for '' => (class => 'pure-form') => begin
  <a href="<%= url_with->query({start => $pgn->{first_page}[0]}) %>">
    <img src="/first.gif" alt="<%= l('first') . ' ' . l 'page' %>">
  </a>
  <a href="<%= url_with->query({start => $pgn->{prev_page}[0]}) %>">
    <img src="/left.gif" alt="<%= l('previous') . ' ' . l 'page' %>">
  </a>

  <div style="white-space: nowrap">
  [
%=  label_for custompage => ucfirst l('page') => (style => 'display: inline') 
    <%= number_field start
        => (id => 'custompage')
        => (size => 3)
        => (placeholder => $pgn->{current_page}+1)
        => (min => 1)
        => (max => $pgn->{total_pages}
        => (style => 'display: inline')) %>
%=  l 'of'
%=  $pgn->{total_pages}
  ]
  </div>

% my $h = $c->req->query_params->to_hash;
% while (my ($k, $v) = each %$h) {
%   if ($k ne 'start') {
%=    hidden_field $k => $v
%   }
% }

  <a href="<%= url_with->query({start => $pgn->{next_page}[0]}) %>">
    <img src="/right.gif" alt="<%= l('next') . ' ' . l 'page' %>">
  </a>
  <a href="<%= url_with->query({start => $pgn->{last_page}[0]}) %>">
    <img src="/last.gif" alt="<%= l('last') . ' ' . l('page') %>">
  </a>
% end