@(pageName: String,
  page: Option[service.WikiService.WikiPageInfo],
  repository: service.RepositoryService.RepositoryInfo)(implicit context: app.Context)
@import context._
@import view.helpers._
@html.main(s"${if(pageName == "") "New Page" else pageName} - ${repository.owner}/${repository.name}", Some(repository)){
  @html.header("wiki", repository)
  @tab("", repository)
  <ul class="nav nav-tabs">
    <li>
      <h1 class="wiki-title"><span class="muted">Editing</span> @if(pageName == ""){New Page} else {@pageName}</h1>
    </li>
    <li class="pull-right">
      <div class="btn-group">
      @if(pageName != ""){
        <a class="btn" href="@url(repository)/wiki/@urlEncode(pageName)">View Page</a>
        <a class="btn" href="@url(repository)/wiki/@urlEncode(pageName)/_delete" id="delete">Delete Page</a>
        <a class="btn" href="@url(repository)/wiki/@urlEncode(pageName)/_history">Page History</a>
      }
      </div>
    </li>
  </ul>
  <form action="@url(repository)/wiki/@if(pageName == ""){_new} else {_edit}" method="POST" validate="true">
    <span id="error-pageName" class="error"></span>
    <input type="text" name="pageName" value="@pageName" style="width: 900px; font-weight: bold;" placeholder="Input a page name."/>
    @helper.html.preview(repository, page.map(_.content).getOrElse(""), true, false, "width: 900px; height: 400px;", "")
    <input type="text" name="message" value="" style="width: 900px;" placeholder="Write a small message here explaining this change. (Optional)"/>
    <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">
  </form>
}
<script>
$(function(){
  $('#delete').click(function(){
    return confirm('Are you sure you want to delete this page?'); 
  });
});
</script>