<div class="tabs-panel" id="tab-notifications">
  <div class="row">
    <div id="proposal_notifications" class="small-12 column notification-body">
      <% if @notifications.blank? %>
        <div class="callout primary text-center">
          <%= t('proposals.show.no_notifications') %>
        </div>
      <% end %>

      <% @notifications.each do |notification| %>
        <div id="<%= dom_id(notification) %>">
          <h3><%= notification.title %></h3>
          <p class="more-info"><%= notification.created_at.to_date %></p>
          <%= simple_format text_with_links(notification.body), {}, sanitize: false %>

          <span class="js-flag-actions">
            <%= render 'proposal_notifications/actions', notification: notification %>
          </span>
        </div>
      <% end %>
    </div>
  </div>
</div>
