{% block headerNotification %}
    <div class="row">
        {% if 'ROLE_ADMIN' in app.user.roles %}
            <div class="new col-md-12">
                <a href="{{ path('us_backend_notification_new') }}" class="">
                    <span class=" btn-sm glyphicon glyphicon-plus"></span>
                    &nbsp;{{'backend.add.notification'|trans({},'USBackendBundle')}}
                </a>
            </div>
        {% endif %}
    </div>
    <div class="row">
        <form class="type-form">
            <div class="col-md-9 clearfix">
                <ul class="list-inline">
                    <li class="col-md-6 col-xs-12 title-filter">
                        {{'backend.notification.header.title'|trans({},"USBackendBundle")}}
                    </li>
                        {% if 'ROLE_ADMIN' in app.user.roles %}
                            <li class="col-md-2 col-xs-12">
                                <a href="{{ path("us_backend_notification_index") }}/draft" onclick="changeInputValue('ROLE_MENTOR', '.type-role', '.type-form');">
                                    <div class="role-filter custom-menu-hover {{'draft' in app.request.uri?'active'}}">
                                        {{'backend.notification.header.draft'|trans({},"USBackendBundle")}}
                                    </div>
                                </a>
                            </li>
                            <li class="col-md-2 col-xs-12">
                                <a href="{{ path("us_backend_notification_index") }}/sent" onclick="changeInputValue('ROLE_RESPONSIBLE', '.type-role', '.type-form');">
                                    <div class="role-filter custom-menu-hover {{'sent' in app.request.uri?'active'}}">
                                        {{'backend.notification.header.sent'|trans({},"USBackendBundle")}}
                                    </div>
                                </a>
                            </li>
                        {% endif %}
                    <li class="col-md-2 col-xs-12">
                        <a href="{{ path("us_backend_notification_index") }}/received" onclick="changeInputValue('ROLE_MENTOR', '.type-role', '.type-form');">
                            <div class="role-filter custom-menu-hover {{'received' in app.request.uri?'active'}}">
                                {{'backend.notification.header.received'|trans({},"USBackendBundle")}}
                            </div>
                        </a>
                    </li>
                    
                </ul>
            </div>
        </form>
    </div>
{% endblock %}