@(milestone: Option[model.Milestone], repository: service.RepositoryService.RepositoryInfo)(implicit context: app.Context)
@import context._
@import view.helpers
@html.main("Milestones - " + repository.owner + "/" + repository.name){
  @html.header("milestones", repository)
  @issuestab("milestones", repository)
  <form method="POST" action="@path/@repository.owner/@repository.name/issues/milestones/@if(milestone.isEmpty){new}else{@milestone.get.milestoneId/edit}" validate="true">
    <fieldset>
      <label for="title"><string>Title</string></label>
      <input type="text" id="title" name="title" style="width: 400px;" value="@milestone.map(_.title)"/>
      <span id="error-title" class="error"></span>
    </fieldset>
    <fieldset>
      <label for="description"><strong>Description</strong></label>
      <textarea id="description" name="description" style="width: 500px; height: 150px;">@milestone.map(_.description)</textarea>
      <span id="error-description" class="error"></span>
    </fieldset>
    <fieldset>
      <label for="dueDate"><strong>Due Date</strong></label>
      <div id="dueDate" class="input-append date" data-date-format="yyyy-mm-dd" data-date="@milestone.map(_.dueDate.map(helpers.date))">
        <input class="span2" name="dueDate" type="text" readonly="" value="@milestone.map(_.dueDate.map(helpers.date))" size="16" name="dueDate"/>
        <span class="add-on"><i class="icon-calendar"></i></span>
      </div>
      <span id="error-dueDate" class="error"></span>
    </fieldset>
    <hr>
    <div class="pull-right">
      @if(milestone.isEmpty){
        <input type="submit" class="btn" value="Create milestone"/>
      } else {
        @if(milestone.get.closedDate.isDefined){
          <input type="button" class="btn" value="Open" id="open"
                 onclick="location.href='@path/@repository.owner/@repository.name/issues/milestones/@milestone.get.milestoneId/close';"/>
        } else {
          <input type="button" class="btn" value="Close" id="close"
                 onclick="location.href='@path/@repository.owner/@repository.name/issues/milestones/@milestone.get.milestoneId/open';"/>
        }
        <input type="submit" class="btn" value="Update milestone"/>
      }
    </div>
  </form>
}
<script>
$(function(){
  $('#dueDate').datepicker();
});
</script>