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

  .form-actions
    - if @milestone.new_record?
      = f.submit 'Create milestone', class: "btn-confirm gl-button btn", data: { qa_selector: "create_milestone_button" }
      = link_to "Cancel", group_milestones_path(@group), class: "btn gl-button btn-cancel"
    - else
      = f.submit 'Update milestone', class: "btn-confirm gl-button btn"
      = link_to "Cancel", group_milestone_path(@group, @milestone), class: "btn gl-button btn-cancel"