{%- macro is_active() -%}
{% if request.endpoint and request.endpoint.startswith("conversations_bp") %}active{% endif %}
{%- endmacro -%}

<ul class="navbar-nav me-2">
    <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle {{ is_active() }}" href="#" id="navbarConvDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
            <span class="fas fa-envelope fa-fw"></span> {% trans %}Inbox{% endtrans %}
            {%- if unread_count > 0 -%}
            <span class="badge bg-danger">{{ unread_count }}</span>
            {%- else -%}
            {#<span class="badge bg-secondary text-dark">{{ unread_count }}</span>#}
            {%- endif -%}
        </a>
        <ul class="dropdown-menu dropdown-messages" aria-labelledby="navbarConvDropdown">
            {% for message in unread_messages %}
            <li>
                <a class="dropdown-item" href="{{ url_for('conversations_bp.view_conversation', conversation_id=message.id) }}">
                    <div>
                        {% if message.from_user %}
                            <span class="author-name">{{ message.from_user.username }}</span>
                        {% else %}
                            {% trans %}Deleted User{% endtrans %}
                        {% endif %}
                        <span class="pull-right text-muted">{{ message.last_message.date_created|time_since }}</span>
                        <div class="message-subject">{{ message.subject }}</div>
                    </div>
                </a>
            </li>
            {% else %}
            <li><div class="dropdown-item-text">{% trans %}No unread messages.{% endtrans %}</div></li>
            {% endfor %}
            <li class="dropdown-divider"></li>
            <li><a class="dropdown-item" href="{{ url_for('conversations_bp.inbox') }}"><span class="fas fa-envelope fa-fw"></span> {% trans %}Inbox{% endtrans %}</a></li>
            <li><a class="dropdown-item" href="{{ url_for('conversations_bp.new_conversation') }}"><span class="fas fa-pen fa-fw"></span> {% trans %}New Message{% endtrans %}</a></li>
        </ul>
    </li>
</ul>