{% 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-fantasy-list',{id:page.header.id}) }}">На
                                                    проверку</a>
                                            </li>
                                            <li {% if page.type==1 %}class="active"{% endif %}>
                                                <a href="{{ path('admin-user-fantasy-list',{id:page.header.id},{type:1}) }}" {% if page.type==1 %}class="active"{% endif %}">Одобренные</a>
                                            </li>
                                            <li {% if page.type==2 %}class="active"{% endif %}>
                                                <a href="{{ path('admin-user-fantasy-list',{id:page.header.id},{type:2}) }}" {% if page.type==2 %}class="active"{% endif %}">Отклоненные</a>
                                            </li>
                                        </ul>
                                        <!-- Tab panes -->
                                        <div class="tab-content">
                                            <div class="tab-pane fade in active">
                                                <div class="panel-body">
                                                    {% for index,item in page.items %}
                                                        <div class="col-lg-12 col-md-12 diary__item">
                                                            <div class="col-md-1 diary__user">
                                                                <a href="{{ path('admin-user-content',{id:item.authorId}) }}">{{ item.authorNickname }}</a>
                                                                <p><b>{{ item.createdAt|date('d.m.y') }}</b></p>
                                                                <p>{{ item.createdAt|date('H:i') }}</p>
                                                            </div>
                                                            <div class="col-md-11 diary__text">
                                                                <div class="diary__header">
                                                                    <p>#{{ item.number }}</p>
                                                                </div>
                                                                <p>
                                                                    {{ item.text|slice(0,200)~'...' }}
                                                                </p>
                                                                {% if page.type == 2 %}
                                                                    <div class="diary-block-reason">
                                                                        <span>Причина блокировки:</span>
                                                                        <p>{{ item.reason }}</p>
                                                                    </div>
                                                                {% endif %}
                                                                <div class="diary__footer">
                                                                    <button type="button" class="btn btn-warning">Подробнее</button>
                                                                    {% if page.type!=2 %}
                                                                        {#<a href="{{ path('admin-fantasy-block',{id:item.id}) }}" class="btn btn-danger">Заблокировать</a>#}
                                                                        <button type="button"
                                                                                data-toggle="modal"
                                                                                class="btn btn-danger"
                                                                                data-target="#block-fantasy-modal{{ index }}">
                                                                            Заблокировать
                                                                        </button>
                                                                    {% endif %}
                                                                    {% if page.type!=1 %}
                                                                        <a href="{{ path('admin-fantasy-moderate',{id:item.id},{return:path()}) }}"
                                                                           class="btn btn-success">Одобрить</a>
                                                                    {% endif %}

                                                                    <!-- Modal -->
                                                                    <div class="modal fade" id="block-fantasy-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" style="text-align: center;">Блокировка
                                                                                        фантазии</h4>
                                                                                </div>
                                                                                <form method="POST"
                                                                                      action="{{ path('admin-fantasy-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>
                                                        </div>
                                                    {% endfor %}
                                                </div>
                                                <div class="panel-footer">
                                                    {% include '@admin/includes/pagination.twig' with {
                                                    currentPage:page.currentPage,
                                                    lastPage: page.lastPage,
                                                    showAlwaysFirstAndLast: true,
                                                    paginationPath: 'admin-user-fantasy-list',
                                                    currentFilters:{type:page.type}

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

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