<div class="app-unread-notification">
  <div class="govuk-width-container">
    <br>
    <div class="govuk-grid-row">
      <div class="govuk-grid-column-three-quarters">
        <% if notification_count > 1  && current_user.present? %>
          <p>Notification 1 of <%= notification_count %></p>
        <% end %>
      <%== render_for_banner(notification.title) %>
        <% if notification.show_additional_page %>
          <div class="govuk-body">
            <%= govuk_link_to notification.link_text, notification_path(notification), class: "govuk-link--inverse govuk-!-font-weight-bold" %>
          </div>
        <% end %>
      </div>
      <% if current_user.present? %>
        <p class="govuk-grid-column-one-quarter govuk-!-text-align-right ">
          <%= govuk_link_to "Dismiss", notification_dismiss_path(notification), class: "govuk-link--inverse" %>
        </p>
      <% end %>
    </div>
  </div>
</div>