@(originRepository: Option[gitbucket.core.service.RepositoryService.RepositoryInfo],
  members: List[(String, String)],
  groupNames: List[String],
  repository: gitbucket.core.service.RepositoryService.RepositoryInfo)(implicit context: gitbucket.core.controller.Context)
@import context._
@import gitbucket.core.view.helpers._
@html.main(s"${repository.owner}/${repository.name}", Some(repository)) {
  @html.menu("fork", repository){
    <h1 class="body-title">
      Forked repositories
      @if(loginAccount.isEmpty){
        <a href="@path/signin?redirect=@urlEncode(s"${path}/${repository.owner}/${repository.name}")" class="btn btn-success">Fork</a>
      } else {
        @if(groupNames.isEmpty) {
          <a id="fork-link" href="javascript:void(0);" class="btn btn-success">Fork</a>
        } else {
          <a href="@path/@repository.owner/@repository.name/fork" class="btn btn-success" rel="facebox">Fork</a>
        }
      }
    </h1>
    @if(loginAccount.isDefined && groupNames.isEmpty){
      <form id="fork-form" method="post" action="@path/@repository.owner/@repository.name/fork" style="display: none;">
        <input type="hidden" name="account" value="@loginAccount.get.userName"/>
      </form>
    }
    <div class="block">
      @if(originRepository.isDefined){
        @avatar(originRepository.get.owner, 20)
        <span@if(repository.owner == originRepository.get.owner){ class="highlight"}>
          <a href="@url(originRepository.get.owner)">@originRepository.get.owner</a> / <a href="@path/@originRepository.get.owner/@originRepository.get.name">@originRepository.get.name</a>
        </span>
      } else {
        @avatar(repository.repository.originUserName.get, 20)
        <span class="highlight">
          @repository.repository.originUserName / @repository.repository.originRepositoryName
        </span>
      }
      (origin)
    </div>
    @members.map { case (owner, name) =>
      <div class="block">
        @avatar(owner, 20)
        <span@if(repository.owner == owner){ class="highlight"}>
          <a href="@url(owner)">@owner</a> / <a href="@path/@owner/@name">@name</a>
        </span>
      </div>
    }
  }
}
<script>
$(function(){
  $('a[rel*=facebox]').facebox({
    'loadingImage': '@assets/vendors/facebox/loading.gif',
    'closeImage': '@assets/vendors/facebox/closelabel.png'
  });

  $(document).on("click", ".js-fork-owner-select-target", function() {
    if (!$(this).hasClass("disabled")) {
      var account = $(this).text().replace("@@", "");
      $("#account").val(account);
      $("#fork").submit();
    }
  });

  @if(loginAccount.isDefined){
  $(document).on("click", "a#fork-link", function(e) {
    e.preventDefault();
    $('#fork-form').submit();
  });
  }
});
</script>