<div class="row">
  <div class="small-12 column">
    <%= render Milestones::ProgressBarsComponent.new(milestoneable) %>

    <% if milestoneable.milestones.blank? %>
      <div class="callout primary text-center margin-top">
        <%= t("milestones.index.no_milestones") %>
      </div>
    <% end %>

    <section class="timeline">
      <ul class="no-bullet">
        <% milestoneable.milestones.order_by_publication_date.each do |milestone| %>
          <%= render "milestones/milestone", milestone: milestone %>
        <% end %>
      </ul>
    </section>
  </div>
</div>
