@(pageName: String, page: Option[util.WikiUtil.WikiPageInfo], repository: app.RepositoryInfo)(implicit context: app.Context)
@import view.helpers
@import context._
@html.main((if(pageName == "") "New Page" else pageName) + " - " + repository.owner + "/" + repository.name){
  @html.header("wiki", repository)
  @wikitab("", repository)
  <ul class="nav nav-tabs">
    <li>
      <h1 class="wiki-title"><span class="description">Editing</span> @if(pageName == ""){New Page} else {@pageName}</h1>
    </li>
    <li class="pull-right">
      <div class="btn-group">
      @if(pageName != ""){
        <a class="btn" href="@path/@repository.owner/@repository.name/wiki/@pageName">View Page</a>
        <a class="btn" href="@path/@repository.owner/@repository.name/wiki/@pageName/_delete" id="delete">Delete Page</a>
        <a class="btn" href="@path/@repository.owner/@repository.name/wiki/@pageName/_history">Page History</a>
      }
      </div>
    </li>
  </ul>
  <form action="@path/@repository.owner/@repository.name/wiki/@if(pageName == ""){_new} else {_edit}" method="POST" validate="true">
    <div class="tabbable">
      <ul class="nav nav-tabs">
        <li class="active"><a href="#tab1" data-toggle="tab">Edit</a></li>
        <li><a href="#tab2" data-toggle="tab" id="preview">Preview</a></li>
      </ul>
      <div class="tab-content">
        <div class="tab-pane active" id="tab1">
          <span id="error-pageName" class="error-message"></span>
          <input type="text" name="pageName" value="@pageName" style="width: 900px; font-weight: bold;" placeholder="Input a page name."/>
          <span id="error-content" class="error-message"></span>
          <textarea id="content" name="content" style="width: 900px; height: 400px;">@page.map(_.content)</textarea>
          <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="submit" value="Save" class="btn btn-primary">
        </div>
        <div class="tab-pane" id="tab2">
          <div class="markdown-body" id="preview-area">
          </div>
        </div>
      </div>
    </div>
  </form>
}
<script>
$(function(){
  $('#preview').click(function(){
    $.post('@path/@repository.owner/@repository.name/wiki/_preview', {
      content: $('#content').val()
    }, function(data){
      $('#preview-area').html(data);
    });
  });
  
  $('#delete').click(function(){
    return confirm('Are you sure you want to delete this page?'); 
  });
});
</script>