{% extends 'pages/generic.twig' %}

{% block page_content %}

    {% for notif in notifications %}

        {% set sender = get_user( notif.sender ) %}

        <div class="bottom_bar"></div>
        <div id="notification-{{ notif.id }}" style="padding:10px;overflow:auto;">

            {% if notif.readed != 1 %}
                <div id="new-info-{{ notif.id }}" style="color:red;display:block;margin-bottom:7px;text-align:right;">
                    {{ __( 'New', 'romhackplaza' ) }}
                </div>
            {% endif %}

            <div class="reviews_post_parent_details">
                <img src="{{ fn( 'get_avatar_url', notif.sender ) }}" width="40px"><span class="reviews_parent_title">{{ sender.name }}</span>
            </div>
            <div class="reviews_post_title">
                {{ notif.type }}
            </div>
            <p class="reviews_post_details">

                {% if notif.auto == 1 %}
                    {{ __( 'Automatic notification', 'romhackplaza' ) }} -
                {% endif %}

                {{ notif.date|date }} ({{ notif.id }})

            </p>
            <div id="review-content-{{ notif.id }}" class="reviews_post_content">
                {{ notif.content }}
            </div>
            <br>
            <div class="news-links">

                {% if notif.readed != 1 %}

                    <span class="rhdo-project-link">
                        <a class="mark-as-read" href="#mark-as-read" data-id="{{ notif.id }}">
                            {{ __('Mark as read', 'romhackplaza') }}
                        </a>
                    </span>

                {% endif %}
                {% if notif.type_id == "message" or notif.type_id == "reply_message" %}

                    <span class="rhdo-project-link" style="float:right;display:block;">
                        <a class="reply-message" href="#reply" data-id="{{ notif.id }}">
                            {{ __('Reply', 'romhackplaza') }}
                        </a>
                    </span>

                {% endif %}

            </div>

        </div>

    {% else %}

        {{ __( "You don't have any notifications.", 'romhackplaza') }}

    {% endfor %}

{% endblock %}