%li{class: "milestone milestone-#{milestone.closed? ? 'closed' : 'open'}", id: dom_id(milestone) }
  .pull-right
    - if can?(current_user, :admin_milestone, milestone.project) and milestone.active?
      = link_to edit_namespace_project_milestone_path(milestone.project.namespace, milestone.project, milestone), class: "btn btn-sm edit-milestone-link btn-grouped" do
        %i.fa.fa-pencil-square-o
        Edit
      = link_to 'Close Milestone', namespace_project_milestone_path(@project.namespace, @project, milestone, milestone: {state_event: :close }), method: :put, remote: true, class: "btn btn-sm btn-close"
  %h4
    = link_to_gfm truncate(milestone.title, length: 100), namespace_project_milestone_path(milestone.project.namespace, milestone.project, milestone)
    - if milestone.expired? and not milestone.closed?
      %span.cred (Expired)
    %small
      = milestone.expires_at
  .row
    .col-sm-6
      = link_to namespace_project_issues_path(milestone.project.namespace, milestone.project, milestone_id: milestone.id) do
        = pluralize milestone.issues.count, 'Issue'
      &nbsp;
      = link_to namespace_project_merge_requests_path(milestone.project.namespace, milestone.project, milestone_id: milestone.id) do
        = pluralize milestone.merge_requests.count, 'Merge Request'
      &nbsp;
      %span.light #{milestone.percent_complete}% complete
    .col-sm-6
      = milestone_progress_bar(milestone)
