{% extends '@layout/_layout.twig' %} 
{% import '@site/includes/_lists.twig' as lists %} 
{% block title %} {{ 'BDSM.fm - dating social network for BDSM people'|trans }}
{% endblock %} 
{% block content %}
    <!-- BEGIN dialogs -->
    <div class='dialogs dialogs--self'>
        <div class="dialogs-body">
            <!-- BEGIN header -->
            <div class="dialogs-header">
                <h3 class="dialogs-header__title">
                    {{ 'Black list'|trans }}
                </h3>
                {% include '@site/messages/_tabs-media.twig' %}
            </div>
            <!-- END header -->
            <!-- BEGIN list -->
            <ul id="boxDialogs" class="dialogs-list dialogs-list--blacklist blist">
                {% import '@site/includes/_lists.twig' as lists %}
                {% for view in blackList.views %}
                    <li data-id="{{ view.id }}"
                        class="blist-item">
                        <div class="blist-item__wrapper">
                            <a href="{{ path('profile',{id:view.profileId}) }}" class="blist-item__image">
                                <img src="{{ avatar_url(view,1,false) }}" alt="user-picture-name">
                            </a>
                            <div class="blist-item__info">
                                <div class="blist-item__header">
                                    <a href="{{ path('profile',{id:view.profileId}) }}" class="blist-item__name">{{ view.nickname }}<span class="blist-item__age">&comma;&nbsp;{{ view.age }}</span></a>
                                </div>
                                <div class="blist-item__footer">
                                    <a href="#" class="blist-item__remove js-remove-user-blist">
                                        <span>Удалить из черного списка</span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </li>
                {% endfor %}
            </ul>
            <!-- END list -->
        </div>
        <aside class="dialogs-aside">
            <div class="dialogs-aside__links">
                {% include '@site/messages/_tabs.twig' %}
            </div>
            <!-- BEGIN live-chats -->
            <div class="dialogs-aside__chats selfchat">

                 {% include '@site/messages/_tabs-inner.twig' %}
            </div>
            <!-- END live-chats -->
        </aside>
    </div>
    <!-- END dialogs -->
{% endblock %}