@(pageName: String,
  page: Option[gitbucket.core.service.WikiService.WikiPageInfo],
  repository: gitbucket.core.service.RepositoryService.RepositoryInfo)(implicit context: gitbucket.core.controller.Context)
@import context._
@import gitbucket.core.view.helpers._
@html.main(s"${if(pageName.isEmpty) "New Page" else pageName} - ${repository.owner}/${repository.name}", Some(repository)){
  @html.menu("wiki", repository){
    <ul class="nav nav-tabs fill-width">
      <li>
        <h1 class="wiki-title"><span class="muted">Editing</span> @if(pageName.isEmpty){New Page} else {@pageName}</h1>
      </li>
      <li class="pull-right">
        <div>
          @if(page.isDefined){
            <a class="btn btn-small btn-default" href="@url(repository)/wiki/@urlEncode(pageName)/_delete" id="delete">Delete Page</a>
            <a class="btn btn-small btn-default" href="@url(repository)/wiki/@urlEncode(pageName)/_history">Page History</a>
          }
          <a class="btn btn-small btn-success" href="@url(repository)/wiki/_new">New Page</a>
        </div>
      </li>
    </ul>
    <form action="@url(repository)/wiki/@if(page.isEmpty){_new} else {_edit}" method="POST" validate="true">
      <span id="error-pageName" class="error"></span>
      <input type="text" name="pageName" value="@pageName" class="form-control input-lg" style="width: 900px; font-weight: bold;" placeholder="Input a page name."/>
      @helper.html.preview(
        repository         = repository,
        content            = page.map(_.content).getOrElse(""),
        enableWikiLink     = true,
        enableRefsLink     = false,
        enableLineBreaks   = false,
        enableTaskList     = false,
        hasWritePermission = false,
        style              = "width: 900px; height: 400px;",
        styleClass         = "monospace",
        placeholder        = ""
      )
      <div class="form-group">
        <label for="message">Edit Message</label>
        <input type="text" id="message" name="message" value="" class="form-control" style="width: 900px;" placeholder="Write a small message here explaining this change. (Optional)"/>
      </div>
      <div class="form-group pull-right">
        <input type="hidden" name="currentPageName" value="@pageName"/>
        <input type="hidden" name="id" value="@page.map(_.id)"/>
        <input type="submit" value="Save" class="btn btn-success btn-lg">
      </div>
    </form>
  }
}
<script>
$(function(){
  $('#delete').click(function(){
    return confirm('Are you sure you want to delete this page?'); 
  });
});
</script>