{% extends 'base.html.twig' %}
{% block body %}
    {% block body_head %} <h1> Tableau de bord </h1> {% endblock %}
    <a class="btn btn-success nav-link" href="{{ path('article_ajout', { 'id': 1} ) }}">
        <span class="glyphicon glyphicon-plus-sign"> Créer un article</span>
    </a>
        
    <br>
    
    <div class="table-responsive">
    <table id="table-article" class="table">
    {% for art in articles %}
            <tr>
                <td>
                    {% if art.etat == "V" %}
                        <span class="glyphicon btn-success glyphicon-eye-open"></span>
                    {% else %}
                        <span class="glyphicon btn-danger glyphicon-eye-close"></span>
                    {% endif %}
                    &nbsp;
                    {{ art.titre }}</td>
                <td>
                    <span style="font-size: 0.6em;">{{ art.type }}</span><br>
                    <span style="font-size: 0.9em;">{{ art.categorie }}</span>
                </td>
                <td class="art_date" style="font-size: 0.9em;">
                    {% if art.dateDeb is null %}--{% else %}{{ art.dateDeb|date("d/m/Y") }}{% endif %}<br>
                    {% if art.dateFin is null %}--{% else %}{{ art.dateFin|date("d/m/Y") }}{% endif %}
                </td>
                <td>
                    <a class="btn btn-info nav-link" href="{{ path('article_preview', { 'id': art.id} ) }}">
                        <span class="glyphicon glyphicon-eye-open"></span>
                    </a>
                &nbsp;
                    <a class="btn btn-warning nav-link" href="{{ path('article_modification', { 'id': art.id}) }}">
                        <span class="glyphicon glyphicon-pencil"></span>
                    </a>
                &nbsp;
                    <a class="btn btn-danger nav-link" href="{{ path('article_supprimer', { 'id': art.id}) }}">
                        <span class="glyphicon glyphicon-remove"></span>
                    </a>
                </td>
            </tr>
    {% endfor %}
    </table>
    </div>
    
{% endblock %}