{% extends '@layout/_admin_layout.twig' %}
{% block content %}
    {% include '@admin/user/_header.twig' with {header:page.header} %}
    <!-- /.row -->
    <div class="row">
        <div class="col-lg-12">
            <div class="panel panel-default">
                <!-- /.panel-heading -->
                <div class="panel-body">
                    <!-- Nav tabs -->
                    {% include '@admin/user/_tabs.twig' with {header:page.header} %}
                    <!-- Tab panes -->
                    <div class="tab-content">
                        <div class="tab-pane fade in active">
                            <div class="panel-body">
                                <div class="panel panel-default">
                                    <!-- /.panel-heading -->
                                    <div class="panel-body">
                                        <!-- Nav tabs -->
                                        <ul class="nav nav-tabs">
                                            <li {% if page.type==0 %}class="active"{% endif %}>
                                                <a href="{{ path('admin-user-album-image-list',{id:page.header.id}) }}">На
                                                    проверку</a>
                                            </li>
                                            <li {% if page.type==1 %}class="active"{% endif %}>
                                                <a href="{{ path('admin-user-album-image-list',{id:page.header.id},{type:1}) }}" >Одобренные</a>
                                            </li>
                                            <li {% if page.type==2 %}class="active"{% endif %}>
                                                <a href="{{ path('admin-user-album-image-list',{id:page.header.id},{type:2}) }}">Отклоненные</a>
                                            </li>
                                        </ul>
                                        <!-- Tab panes -->
                                        <div class="tab-content">
                                            <div class="tab-pane fade in active">
                                                <div class="panel-body">
                                                    {% for item in page.items %}
                                                        <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-image',{id:item.imageId,width:360,height:210}) }}" alt="">
                                                                    </div>
                                                                </div>
                                                                <div class="photos__author">
                                                                    <a href="{{ path('admin-user-content',{id:item.authorId}) }}">{{ item.authorNickname }}</a>
                                                                </div>
                                                                {% if item.status==2 %}
                                                                    <div class="photos__author">
                                                                        <b>Причина блокировки:</b> {{ item.blockReason }}
                                                                    </div>
                                                                {% endif %}
                                                                <div class="photos__footer">
                                                                    {% if item.status!=1 %}
                                                                        <a href="{{ path('admin-album-image-moderate',{id:item.id},{return:path()}) }}"
                                                                           class="btn btn-success">
                                                                            Одобрить
                                                                        </a>
                                                                    {% endif %}
                                                                    {% if item.status!=2 %}
                                                                        <!-- Button trigger modal -->
                                                                        <button class="btn btn-danger" data-toggle="modal" data-target="#block-photo-modal">
                                                                            Блокировать
                                                                        </button>
                                                                    {% endif %}
                                                                    <!-- Modal -->
                                                                    <div class="modal fade" id="block-photo-modal" 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-album-image-block',{id:item.id},{return:path()}) }}">
                                                                                    <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 class="panel-footer">
                                                    {% include '@admin/includes/pagination.twig' with {
                                                    currentPage:page.currentPage,
                                                    lastPage: page.lastPage,
                                                    showAlwaysFirstAndLast: true,
                                                    paginationPath: 'admin-user-album-image-list',
                                                    currentFilters:{type:page.type}

                                                    } %}
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- /.table-responsive -->
                            </div>
                        </div>

                    </div>
                </div>
                <!-- /.panel-body -->
            </div>
        </div>
        <!-- /.panel -->
    </div>
{% endblock %}