## -*- coding: utf-8 -*-

% if c.forks_pager:
    % for f in c.forks_pager:
        <div>
            <div class="fork_user">
                <div class="gravatar">
                    <img alt="gravatar" src="${h.gravatar_url(f.user.email,24)}"/>
                </div>
                <span style="font-size: 20px">
                 <b>${f.user.username}</b> (${f.user.name} ${f.user.lastname}) /
                  ${h.link_to(f.repo_name,h.url('summary_home',repo_name=f.repo_name))}
                </span>
                <div style="padding:5px 3px 3px 42px;">${f.description}</div>
            </div>
            <div style="clear:both;padding-top: 10px"></div>
            <div class="follower_date">${_('forked')} -
                <span class="tooltip" title="${h.tooltip(h.fmt_date(f.created_on))}"> ${h.age(f.created_on)}</span>
                <a title="${_('compare fork with %s' % c.repo_name)}"
                    href="${h.url('compare_url',repo_name=f.repo_name,org_ref_type='branch',org_ref='default',other_ref_type='branch',other_ref='default', repo=c.repo_name)}"
                    class="ui-btn small">${_('Compare fork')}</a>
            </div>
            <div style="border-bottom: 1px solid #DDD;margin:10px 0px 10px 0px"></div>
        </div>
    % endfor
  <div class="pagination-wh pagination-left">
  <script type="text/javascript">
  YUE.onDOMReady(function(){
      YUE.delegate("forks","click",function(e, matchedEl, container){
          ypjax(e.target.href,"forks",function(){
              show_more_event();
              tooltip_activate();
              show_changeset_tooltip();
          });
          YUE.preventDefault(e);
      },'.pager_link');
  });
  </script>
  ${c.forks_pager.pager('$link_previous ~2~ $link_next')}
  </div>
% else:
    ${_('There are no forks yet')}
% endif