= form_for [@project.namespace.becomes(Namespace), @project, @milestone],
           html: {class: 'milestone-form common-note-form js-quick-submit js-requires-input'},
           data: { markdown_version: @milestone.cached_markdown_version }  do |f|
  = form_errors(@milestone)
  .row
    .col-md-6
      .form-group.row
        = f.label :title, "Title", class: "col-form-label col-sm-2"
        .col-sm-10
          = f.text_field :title, maxlength: 255, class: "qa-milestone-title form-control", required: true, autofocus: true
      .form-group.row.milestone-description
        = f.label :description, "Description", class: "col-form-label col-sm-2"
        .col-sm-10
          = render layout: 'projects/md_preview', locals: { url: preview_markdown_path(@project) } do
            = render 'projects/zen', f: f, attr: :description, classes: 'qa-milestone-description note-textarea', placeholder: 'Write milestone description...'
            = render 'shared/notes/hints'
          .clearfix
          .error-alert
    = render "shared/milestones/form_dates", f: f

  .form-actions
    - if @milestone.new_record?
      = f.submit 'Create milestone', class: "btn-create btn qa-milestone-create-button"
      = link_to "Cancel", project_milestones_path(@project), class: "btn btn-cancel"
    - else
      = f.submit 'Save changes', class: "btn-save btn"
      = link_to "Cancel", project_milestone_path(@project, @milestone), class: "btn btn-cancel"