{% extends '@layout/_admin_layout.twig' %}
{% block content %}
    <div class="row">
        <div class="col-lg-12">
            <h1 class="page-header">Аватарки пользователей</h1>
        </div>
        <!-- /.col-lg-12 -->
    </div>
    <!-- /.row -->
    <ul class="nav nav-tabs">
        <li class="{% if page.type==0 %}active{% endif %}">
            <a href="{{ path('admin-user-avatar-list',{page:1},{'type':0}) }}">На модерацию</a>
        </li>
        <li class="{% if page.type==1 %}active{% endif %}">
            <a href="{{ path('admin-user-avatar-list',{page:1},{'type':1}) }}">Одобренные</a>
        </li>
        <li class="{% if page.type==2 %}active{% endif %}">
            <a href="{{ path('admin-user-avatar-list',{page:1},{'type':2}) }}">18+</a>
        </li>
    </ul>
    <div class="panel panel-default">
        <!-- /.panel-heading -->
        <div class="panel-body">
            <div class="row">
                {% for index,item in page.avatars %}
                    <div class="col-lg-3 col-md-3 col-sm-3">
                        <!-- BEGIN photos__item -->
                        <div class="photos__item">
                            <div class="photos__pic">
                                <div class="photos-wrap">
                                    <img src="{{ path('admin-user-avatar',{id:item.userProfileId,width:350,height:350}) }}"
                                         alt="">
                                </div>
                            </div>
                            <div class="photos__author">
                                <a href="{{ path('admin-user-content',{id:item.userId}) }}">{{ item.userNickname }}</a>
                            </div>
                            <div class="photos__footer">

                                {% if not item.erotic %}
                                    <a href="{{ path('admin-user-avatar-enable-erotic',{id:item.userId},{return:path()}) }}"
                                       class="btn btn-success">
                                        Добавить 18+
                                    </a>
                                {% else %}
                                    <a href="{{ path('admin-user-avatar-disable-erotic',{id:item.userId},{return:path()}) }}"
                                       class="btn btn-warning">
                                        Убрать 18+
                                    </a>
                                {% endif %}


                                {% if page.type!=1 %}
                                    <a href="{{ path('admin-user-avatar-moderate',{id:item.userId}) }}"
                                       class="btn btn-success">
                                        Одобрить
                                    </a>
                                {% endif %}
                                {% if page.type!=2 %}
                                    {#<!-- Button trigger modal -->#}
                                    {#<a href="{{ path('admin-user-avatar-block',{id:item.userId}) }}" class="btn btn-danger">#}
                                    {#Блокировать#}
                                    {#</a>#}

                                    <button type="button"
                                            data-toggle="modal"
                                            class="btn btn-danger"
                                            data-target="#block-avatar-modal{{ index }}">
                                        Заблокировать
                                    </button>
                                {% endif %}
                                <!-- Modal -->
                                <div class="modal fade" id="block-avatar-modal{{ index }}" tabindex="-1" role="dialog"
                                     aria-labelledby="myModalLabel" aria-hidden="true">
                                    <div class="modal-dialog">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <button type="button" class="close" data-dismiss="modal"
                                                        aria-hidden="true">&times;
                                                </button>
                                                <h4 class="modal-title" id="myModalLabel">Блокировка аватарки
                                                    пользователя</h4>
                                            </div>
                                            <form method="POST"
                                                  action="{{ path('admin-user-avatar-block',{id:item.userId}) }}">
                                                <div class="modal-body" style="text-align: left;">
                                                    Причина блокировки
                                                    <div class="form-group">
                                                        <textarea class="form-control" name="reason"
                                                                  style="margin-top: 15px;width:100%;height:100px;resize:none;"></textarea>
                                                    </div>
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="submit"
                                                            class="btn btn-primary">Блокировать
                                                    </button>
                                                    <button type="button" class="btn btn-warning" data-dismiss="modal">
                                                        Закрыть
                                                    </button>
                                                </div>
                                            </form>
                                        </div>
                                        <!-- /.modal-content -->
                                    </div>
                                    <!-- /.modal-dialog -->
                                </div>
                                <!-- /.modal -->
                            </div>
                        </div>
                        <!-- END photos__item ヽ(•‿•)ノ -->
                    </div>
                {% endfor %}
            </div>
        </div>
    </div>
    <!-- /#page-wrapper -->
    {% include '@admin/includes/pagination.twig' with {
    currentPage:page.currentPage,
    lastPage: page.lastPage,
    showAlwaysFirstAndLast: true,
    paginationPath: 'admin-user-avatar-list',
    currentFilters:{type:page.type}

    } %}
{% endblock %}