@(gist: gitbucket.gist.model.Gist,
  forkedCount: Int,
  editable: Boolean)(implicit context: gitbucket.core.controller.Context)
@import gitbucket.gist.model.Mode
@import gitbucket.core.view.helpers
<div class="head">
  @helpers.avatar(gist.userName, 24)
  <a href="@context.path/gist/@gist.userName">@gist.userName</a> /
  <a href="@context.path/gist/@gist.userName/@gist.repositoryName" class="strong">@gist.title</a>
  @if(gist.mode == Mode.Secret.code){
    <span class="label label-warning">Secret</span>
  }
  @if(gist.mode == Mode.Private.code){
    <span class="label label-warning">Private</span>
  }
  <div class="pull-right">
    @if(editable){
      <a href="@context.path/gist/@gist.userName/@gist.repositoryName/edit" class="btn btn-default">Edit</a>
      <a href="@context.path/gist/@gist.userName/@gist.repositoryName/delete" class="btn btn-danger" id="delete">Delete</a>
    }
    @if(gist.originUserName.isEmpty){
      @if(context.loginAccount.isEmpty){
        <a href="@context.path/signin?redirect=@helpers.urlEncode(s"${context.path}/gist/${gist.userName}/${gist.repositoryName}")" class="btn btn-default">Fork <span class="badge">@forkedCount</span></a>
      } else {
        <a id="fork-link" href="javascript:void(0);" class="btn btn-default">Fork <span class="badge">@forkedCount</span></a>
      }
      @if(context.loginAccount.isDefined){
        <form id="fork-form" method="post" action="@context.path/gist/@gist.userName/@gist.repositoryName/fork">
        </form>
      }
    }
  </div>
  <div class="muted" style="margin-left: 30px; font-size: 80%;">
    Created at @gist.registeredDate
    @if(gist.originUserName.isDefined){
      - forked from <a href="@context.path/gist/@gist.originUserName/@gist.originRepositoryName">@gist.originUserName/@gist.originRepositoryName</a>
    }
  </div>
</div>
<script>
$(function(){
  @if(context.loginAccount.isDefined){
    $(document).on("click", "a#fork-link", function(e) {
      e.preventDefault();
      $('#fork-form').submit();
    });
  }
});
</script>