{% block headerUser %}
    <div class="row">
        <div class="new col-xs-12">
            <a href="{{ path('us_backend_user_new') }}" class="">
                <span class=" btn-sm glyphicon glyphicon-plus"></span>
                &nbsp;{{'backend.add.user'|trans({},'USBackendBundle')}}
            </a>
        </div>
    </div>
    <div class="row">
        <form class="type-form">
            <div class="col-md-9 clearfix">
                <ul class="list-inline">
                    <li class="col-md-2 col-xs-12 title-filter">
                        {{'backend.user.header.title'|trans({},'USBackendBundle')}}
                    </li>
                    <li class="col-md-2 col-xs-12">
                        <a href="#" onclick="changeInputValue('', '.type-role', '.type-form','.type-responsible');">
                            <div class="role-filter custom-menu-hover">
                                {{'backend.user.header.all'|trans({},'USBackendBundle')}}
                            </div>
                        </a>
                    </li>
                    <li class="col-md-2 col-xs-12">
                        <a href="#" onclick="changeInputValue('ROLE_USER', '.type-role', '.type-form','.type-responsible');">
                            <div class="role-filter custom-menu-hover">
                                {{'backend.user.header.host'|trans({},'USBackendBundle')}}
                            </div>
                        </a>
                    </li>
                    <li class="col-md-2 col-xs-12">
                        <a href="#" onclick="changeInputValue('boss', '.type-responsible', '.type-form','.type-role');">
                            <div class="role-filter custom-menu-hover">
                                {{'backend.user.header.boss'|trans({},'USBackendBundle')}}
                            </div>
                        </a>
                    </li>
                    <li class="col-md-2 col-xs-12">
                        <a href="#" onclick="changeInputValue('tutor', '.type-responsible', '.type-form','.type-role');">
                            <div class="role-filter custom-menu-hover">
                                {{'backend.user.header.tutor'|trans({},'USBackendBundle')}}
                            </div>
                        </a>
                    </li>
                    <li class="col-md-2 col-xs-12">
                        <a href="#" onclick="changeInputValue('ROLE_MENTOR', '.type-role', '.type-form','.type-responsible');">
                            <div class="role-filter custom-menu-hover">
                                {{'backend.user.header.mentor'|trans({},'USBackendBundle')}}
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
            {% if grid.isFilterSectionVisible %}
                <div class="col-md-3 mb-20 search-section">
                    {{ grid_filters(grid) }}
                </div>
            {% endif %}
        </form>
    </div>
{% endblock %}