{% extends "base.html" %}
{% load wagtailcore_tags %}
{% wagtail_site as current_site %}
{% block content %}
<div class="comments">
  <div class="heading heading__component">
    <h2>{% trans "Comment Replies" %}</h2>
  </div>
  <div class="comments__list">
    {% if unread_notifications %}
      <h3 class="comment__replies-title comment__replies-cta-title">
        {% trans "You have"%} {{number_unread_notifications}} {% trans "unread"%}
        {% if number_unread_notifications == 1 %}
          {% trans "Reply"%}
        {% else %}
          {% trans "Replies"%}
        {% endif %}
      </h3>
      {% for notice in unread_notifications %}
        {% include 'notifications/notice.html' %}
      {% endfor %}
    {% endif %}

    {% if read_notifications %}
      {% comment %}
        <!-- <h3 class="comment__replies-title">{% trans "Read replies"%}:</h3> -->
      {% endcomment %}
      {% for notice in read_notifications %}
        {% include 'notifications/notice.html' %}
      {% endfor %}
    {% endif %}
  </div>
  {% trans "Back home" as back %}
  {% include "patterns/basics/buttons/sp_variations/text-dir-arrow_back-button.html" with hyperlink=current_site.root_page.specific.url page_name=back direction="left" %}
</div>
{% endblock %}
