{% extends 'base.html.twig' %}


{% block body %}
    <main class="mt-5 pt-5">
        <div class="container">
            <h1>{{ title }}</h1>
            <a class="btn btn-md btn-elegant ml-0" href="{{ path('article_new') }}">Nouvel article</a>

            <table id="dtMaterialDesignExample" class="table table-striped" cellspacing="0" width="100%">
                <thead>
                    <tr>
                        <th>Id</th>
                        <th>Title</th>
                        <th>Slug</th>
                        <th>Description</th>
                        <th>UpdatedAt</th>
                        <th>CreatedAt</th>
                        <th>Corps</th>
                        <th>actions</th>
                    </tr>
                </thead>
                <tbody>
                {% for article in articles %}
                    <tr>
                        <td>{{ article.id }}</td>
                        <td>{{ article.title }}</td>
                        <td>{{ article.slug }}</td>
                        <td>{{ article.description }}</td>
                        <td>{{ article.updatedAt ? article.updatedAt|date('Y-m-d H:i:s') : '' }}</td>
                        <td>{{ article.createdAt ? article.createdAt|date('Y-m-d H:i:s') : '' }}</td>
                        <td>{{ article.bodyText|raw }}</td>
                        <td>
                            <a class="btn btn-sm btn-elegant w-100 m-2" href="{{ path('article_show', {'slug': article.slug}) }}">Voir</a>
                            <a class="btn btn-sm btn-elegant w-100 m-2" href="{{ path('article_edit', {'slug': article.slug}) }}">Modifier</a>
                        </td>
                    </tr>
                {% else %}
                    <tr>
                        <td colspan="8">no records found</td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </main>

  
{% endblock %}