{% extends "::admin.html.twig" %}
{% block title %} Groupe d'etude {% endblock %}
{% block entete %} Groupe d'etude{% endblock %}
{% block body %}
    <div class="container-fluid container-fullw bg-white">
        <div class="row">
            <div class="col-md-12">

                <div class="row">
                    <div class="col-md-12 space20">
                        <button class="btn btn-primary">
                            <a href="{{ path('admin_groupe_new') }}" style="color:#fff;">Ajouter Groupe d'etude <i class="fa fa-plus"></i></a>
                        </button>
                    </div>
                </div>

                {{ include('default/flashBag.html.twig') }}

                <table class="table table-striped table-bordered table-hover table-full-width" id="sample_1">
                    <thead>
                    <tr>
                        <th width="80%">Titre</th>
                        <th width="10%">Document</th>
                        <th width="10%">Action</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for article in articles %}
                        <tr>
                            <td>{{ article.title }}</td>
                            <td> <a  target="_blank" class="btn-sm btn-wide btn-purple"  href="{{ asset('uploads/files/' ~ article.file) }}"> <i class="ti-zip"></i></a></td>
                            <td>
                                <a class="btn btn-success btn-xs" title="edit" href="{{ path('admin_groupe_edit',{'id':article.id}) }}"> <span class="fa fa-edit" style="color:white"></span></a>
                                <a href="{{ path('admin_groupe_delete',{'id':article.id}) }}" class="btn btn-danger btn-xs user-remove" title="supprimer" data-toggle="confirmation" class="delete-row">
                                <span class="fa fa-trash-o"  style="color:white"></span></a>
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
{% endblock %}