@(milestone: Option[model.Milestone], repository: service.RepositoryService.RepositoryInfo)(implicit context: app.Context)
@import context._
@import view.helpers._
@html.main(s"Milestones - ${repository.owner}/${repository.name}"){
  @html.header("milestones", repository)
  @issues.html.tab("milestones", repository)
  <form method="POST" action="@url(repository)/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>
      @helper.html.datepicker("dueDate", milestone.flatMap(_.dueDate))
      <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='@url(repository)/issues/milestones/@milestone.get.milestoneId/close';"/>
        } else {
          <input type="button" class="btn" value="Close" id="close"
                 onclick="location.href='@url(repository)/issues/milestones/@milestone.get.milestoneId/open';"/>
        }
        <input type="submit" class="btn" value="Update milestone"/>
      }
    </div>
  </form>
}