{% import "@AdminLTE/Macros/default.html.twig" as macro %}
<!-- Messages Dropdown Menu -->
<li class="nav-item dropdown">
    <a class="nav-link" data-toggle="dropdown" href="#">
        Messages <i class="far fa-envelope"></i>
        <span class="badge badge-danger navbar-badge">{{ total }}</span>
    </a>
    <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
        {% for msg in messages %}
        <a href="{#{ path('adminlte_message'|route_alias, {'id': msg.identifier}) }#}" class="dropdown-item">
            <!-- Message Start -->
            <div class="media">
                <div class="media-body">
                <h3 class="dropdown-item-title">
                  {{ msg.sender.familyName }} {{ msg.sender.givenName }}
                </h3>
                <p class="text-sm">{{ msg.title }}</p>
                <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> {{ msg.createAt|date('d.m.Y H:i') }}</p>
              </div>
            </div>
            <!-- Message End -->
        </a>
        <div class="dropdown-divider"></div>
        {% endfor %}

        <a href="{{ path('messages') }}" class="dropdown-item dropdown-footer">{{'View all'|trans({}, 'AdminLTEBundle')}}</a>
    </div>
</li>