@(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.menu("issues", repository){
    @if(milestone.isEmpty){
      <h4>New milestone</h4>
      <div class="muted">Create a new milestone to help organize your issues and pull requests.</div>
    } else {
      @issues.html.navigation("milestones", false, repository)
      <br><br>
    }
    <hr style="margin-top: 12px; margin-bottom: 18px;" class="fill-width"/>
    <form method="POST" action="@url(repository)/issues/milestones/@if(milestone.isEmpty){new}else{@milestone.get.milestoneId/edit}" validate="true">
      <fieldset>
        <input type="text" id="title" name="title" style="width: 500px;" value="@milestone.map(_.title)" placeholder="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>
  }
}