@(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" class="strong">Description</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" class="strong">Due Date</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>
  }
}