{% extends 'backoffice/backbase.html.twig' %}

{% block title %}Liste des Actualités{% endblock %}

{% block breadcrumbtitle %}Liste des Actualités{% endblock %}

{% block breadcrumbitem %}Liste des Actualités{% endblock %}

{% block content %}
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-body">

                    {% for message in app.flashes('success') %}
                        <div class="mb-2 alert alert-success">
                            {{ message }}
                        </div>

                        <hr>
                    {% endfor %}

                    <div class="text-right mb-2">
                        <a href="{{ path('backoffice.news.new') }}" class="btn btn-primary">Ajouter une actualité</a>
                    </div>

                    <table id="news-table" class="table table-striped">
                        <thead>
                        <tr>
                            <th class="sorting">Actions</th>
                            <th class="sorting">Title</th>
                            <th class="sorting">Image</th>
                            <th class="sorting">Publié?</th>
                            <th class="sorting">Créée le</th>
                            <th class="sorting">Modifiée le</th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for news in newslist %}
                            <tr>
                                <!-- Actions -->
                                <td class="d-flex">
                                    {#<a href="{{ path('news.show', {id: news.id}) }}" class="btn btn-secondary m-2" title="Voir"><i class="fa fa-eye"></i></a>#}
                                    <a href="{{ path('backoffice.news.edit', {id: news.id}) }}" class="btn btn-secondary m-2" title="Editer"><i class="fa fa-pen"></i></a>
                                    <form method="POST" action="{{ path('backoffice.news.delete', {id: news.id}) }}" style="display: inline-block" onsubmit="return confirm('Êtes vous sûr de vouloir supprimer cette actualité?')">
                                        <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ news.id) }}">
                                        <input type="hidden" name="_method" value="DELETE">
                                        <button class="btn btn-danger m-2" title="Supprimer"><i class="fa fa-trash"></i></button>
                                    </form>
                                </td>

                                <td>{{ news.title }}</td>

                                <td>
                                    {% if news.imageName %}
                                        {% if 'http' in news.imageName %}
                                            <img id="image" src="{{ news.imageName }}" alt="news-img" width="150">
                                        {% else %}
                                            <img id="image" src="{{ vich_uploader_asset(news, 'imageFile') | imagine_filter('thumb') }}" alt="news-img" width="150">
                                        {% endif %}
                                    {% endif %}
                                </td>
                                <td>
                                    {% if news.isPublished %}
                                        Oui
                                    {% else %}
                                        Non
                                    {% endif %}
                                </td>
                                <td>{{ news.createdAt | date('d/m/Y H:i:s') }}</td>
                                <td>{{ news.updatedAt | date('d/m/Y H:i:s') }}</td>
                            </tr>
                        {% endfor %}

                        </tbody>
                    </table>

                    <div class="pagination">
                        {{ knp_pagination_render(newslist) }}
                    </div>


                </div>
            </div>

        </div>
    </div>
{% endblock %}

{% block javascripts  %}
    <!-- Required datatable js -->
    <script src="{{ asset('back-assets/plugins/datatables/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('back-assets/plugins/datatables/dataTables.bootstrap4.min.js') }}"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('#news-table').DataTable(
                {
                    "bPaginate": false,
                    "bFilter": false,
                    "bInfo": false,
                    "language": {
                        "emptyTable": "Aucune Actualité disponible!"
                    }
                });
        } );

    </script>
{% endblock %}