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

{% block content %}
    {% autoescape false %}
        <div class="row">
            <div class="col">
                <h2 class="mb-4">
                    {{ 'article.gestion.page_title'|trans }}
                </h2>

                <p class="text-right">
                    <a href="{{ path('admin_articles_create') }}" class="btn btn-lg btn-success">
                        <i class="fas fa-plus"></i> {{ 'article.button.create'|trans }}
                    </a>
                </p>

                <table class="table table-hover table-striped datatable" id="question_home">
                    <thead>
                    <tr>
                        <th scope="col">{{ 'label.id'|trans }}</th>
                        <th scope="col">{{ 'label.title'|trans }}</th>
                        <th scope="col">{{ 'label.is_active'|trans }}</th>
                        <th scope="col"><i class="fa fa-cogs" aria-hidden="true"></i> {{ 'label.actions'|trans }}</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% if articles is defined and articles is iterable %}
                        {% for article in articles %}
                            <tr>
                                <td>{{ article.id }}</td>
                                <td>{{ article.title }}</td>
                                <td>
                                    {{ (article.isActive == true) ?
                                    '<strong class="text-success">' ~ 'yes'|trans ~ '</strong>' :
                                    '<strong class="text-secondary">' ~ 'no'|trans ~ '</strong>' }}
                                </td>
                                <td>
                                    {% if is_granted('ROLE_ADMIN') %}
                                        <a href="{{ path('admin_articles_edit', {'id': article.id}) }}" class="btn btn-sm btn-primary" data-toggle="tooltip" title="{{ 'article.edit_btn_tooltip'|trans }}">
                                            <i class="far fa-edit"></i> {{ 'button.edit'|trans }}
                                        </a>
                                    {% endif %}
                                    {% if is_granted('ROLE_ADMIN') %}
                                        <button data-href="{{ path('admin_articles_delete', {'id': article.id}) }}" class="btn btn-sm btn-danger delete" data-toggle="tooltip" title="{{ 'article.delete_btn_tooltip'|trans }}">
                                            <i class="far fa-trash-alt"></i> {{ 'button.delete'|trans }}
                                        </button>
                                    {% endif %}
                                </td>
                            </tr>
                        {% endfor %}
                    {% endif %}
                    </tbody>
                </table>
            </div>
        </div>
    {% endautoescape %}
{% endblock %}

{% block stylesheets %}
    {{ parent() }}
{% endblock %}

{% block javascripts %}
    {{ parent() }}
{% endblock %}