.card
  %ul.list-group#notifications
    - if @notifications.count.zero?
      %li.list-group-item.text-center
        .notifications--none
          %i.fa.fa-bell-o.notification__bell-icon
        %p
          - if params[:type] == 'all'
            No notifications.
          - else
            No new notifications.
    - else
      - @notifications.each do |notification|
        %li.list-group-item
          .media
            = render "notifications/type/#{notification.target_type.downcase}", notification: notification

  - unless @notifications.count.zero?
    = render 'shared/cursored_pagination_dummy', more_data_available: @more_data_available, last_id: @notifications_last_id, permitted_params: %i[type]

    - if @more_data_available
      .d-flex.justify-content-center.justify-content-sm-start
        %button.btn.btn-light#load-more-btn{ type: :button, data: { last_id: @notifications_last_id } }
          = t 'views.actions.load'