{% extends 'admin/layout.html.twig' %}

{% block title %}Список доступных новостей{% endblock %}

{% block body %}
    {% include 'admin/news/_page_header.html.twig' with {
        'title': 'Список доступных новостей',
        'pretitle': 'Управление новостями',
        'actions': [
            {'name': 'Добавить новую новость', 'url': path('admin_news_new'), 'class': 'btn-primary' },
        ]
    } %}

    <div class="card">
        <div class="card-table table-responsive">
            <table class="table table-vcenter">
                <thead>
                    <tr>
                        <th>Ид</th>
                        <th>Название</th>
                        <th>Приоритет</th>
                        <th>Дата публикации</th>
                        <th>Состояние</th>
                        <th>Действия</th>
                    </tr>
                </thead>
                <tbody>
                    {% for news in news %}
                        <tr>
                            <td>{{ news.id }}</td>
                            <td>{{ news.name|striptags }}</td>
                            <td>{{ news.priority }}</td>
                            <td>{{ news.createdAt ? news.createdAt|date('Y-m-d H:i:s') : '' }}</td>
                            <td>
                                <span class="badge {{ news.IsDraft ? 'bg-default' : (news.isActive ? 'bg-success' : 'bg-secondary') }}">
                                    {{ news.IsDraft ? 'Черновик' : (news.isActive ? 'Опубликовано' : 'Снято с публикации') }}
                                </span>
                            </td>
                            <td>
                                <a class="btn btn-sm" href="{{ path('admin_news_edit', {'id': news.id}) }}">редактировать</a>
                            </td>
                        </tr>
                    {% else %}
                        <tr>
                            <td colspan="7">no records found</td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
        <div class="card-footer d-flex align-items-center">
            {{ pagerfanta(news) }}
        </div>
    </div>
{% endblock %}