{% 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-blog-article-list',{page:1},{'type':0}) }}">На модерацию</a>
        </li>
        <li class="{% if page.type==1 %}active{% endif %}">
            <a href="{{ path('admin-blog-article-list',{page:1},{'type':1}) }}">Одобренные</a>
        </li>
        <li class="{% if page.type==2 %}active{% endif %}">
            <a href="{{ path('admin-blog-article-list',{page:1},{'type':2}) }}">Заблокированные</a>
        </li>
    </ul>

    <div class="row">
        {% 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.title }}</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">
                        <a href="{{ path('admin-blog-article-view',{id:item.id }) }}"  class="btn btn-warning">Подробнее</a>
                        {% if page.type!=2 %}
                            {#<button type="button" class="btn btn-danger">Отклонить</button>#}
                            <button type="button"
                                    data-toggle="modal"
                                    class="btn btn-danger"
                                    data-target="#block-diary-modal{{ index }}">
                                Отклонить
                            </button>
                        {% endif %}
                        {% if page.type!=1 %}
                            <a href='{{ path('admin-blog-article-moderate',{id:item.id}) }}'
                               class="btn btn-success">Одобрить</a>
                        {% endif %}

                        <!-- Modal -->
                        <div class="modal fade" id="block-diary-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-blog-article-block',{id:item.id}) }}">
                                        <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>

    {% include '@admin/includes/pagination.twig' with {
    currentPage:page.currentPage,
    lastPage: page.lastPage,
    showAlwaysFirstAndLast: true,
    paginationPath: 'admin-blog-article-list',
    currentFilters: {type:page.type}

    } %}
{% endblock %}