<% @notifications.each do |notification| %>
  <div
    class="single-article single-article-small-pic single-notification <%= "unseen" unless notification.read? %>"
    data-notification-id="<%= notification.id %>">
    <%= render notification.notifiable_type.downcase.to_s, notification: notification %>
  </div>
<% rescue => e %>
  <% Honeybadger.notify(e, context: { notification_id: notification.id }) %>

  <div class="small-pic">
    <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--LnVw15KE--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://thepracticaldev.s3.amazonaws.com/uploads/user/profile_image/31047/af153cd6-9994-4a68-83f4-8ddf3e13f0bf.jpg"
         alt="Sloan, the sloth mascot">
  </div>
  <div class="content notification-content comment-content">
    An error occurred! This has been logged and we're tracking it.
    <br>
    If you see too many of these, please report it to <%= email_link %>!
  </div>
<% end %>

<% if @notifications.any? %>
  <% sub_path = params[:org_id].present? ? "#{params[:filter]}/#{params[:org_id]}" : params[:filter].to_s %>
  <div
    class="notifications-paginator"
    data-pagination-path="/notifications/<%= sub_path %>?offset=<%= @notifications.last.id %>"></div>
<% end %>
