{% extends "index.html.twig" %}

{% block page_title %}Publications{% endblock %}

{% block message %}

    {% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
        {% block box_body %}
            <table id="documentTable" class="table">
            <thead>
                <th>#</th>
                <th>Liste des publications</th>
                <th>Date</th>
            </thead>
            <tbody>
            {% for document in documents %}
                <tr>
                    <td>
                        <div>
                            {% set icon = document.icon %}
                            {% if not icon %}{% set icon = 'file' %}{% endif %}
                            <img src="{{ asset('dist/img/icon/') }}{{icon}}.png" class="img-size-50">
                        </div>
                    </td>
                    <td>
                        <div>
                            <a href="{{ path('download_document', { 'filename': document.filename }) }}">
                                <b>{{ document.title }}</b>
                            </a>
                            <p>{{ document.description }}</p>
                        </div>
                    </td>
                    <td><span class="badge badge-secondary float-right">{{ document.publicationDate|date("d/m/Y") }}</span></td>
                </tr>
            {% endfor %}
            </tbody>
            </table>

        {% endblock %}
    {% endembed %}

{% endblock %}

{% block javascripts %}
    <script>
        $(function () {
            $("#documentTable").DataTable({
                "pageLength": 25
            });
        });
    </script>

    <script src="{{ asset('plugins/datatables/jquery.dataTables.js') }}"></script>
    <script src="{{ asset('plugins/datatables-bs4/js/dataTables.bootstrap4.js') }}"></script>
{% endblock %}

{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('plugins/datatables-bs4/css/dataTables.bootstrap4.css') }}">
{% endblock %}