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

{% block title %}Mes Documents{% endblock %}

{% block body %}
    <div class="container-fluid">
        <div class="layout-specing">
            <h4>{{ 'Mes Documents' }} </h4>
            <div class="row row-cols-xl-5 row-cols-md-2 row-cols-1">
                <div class="col mt-4">
                        <a href="{{ path('account.document.create')}}"
                           class="features feature-primary d-flex justify-content-between align-items-center rounded shadow p-3">
                            <div class="d-flex align-items-center">
                                <div class="icon text-center rounded-pill">
                                    <i class="uil uil-file-plus fs-4 mb-0"></i>
                                </div>
                                <div class="flex-1 ms-3">
                                    <h6 class="mb-0 text-muted">{% trans %} Ajouter un document{% endtrans %}</h6>
                                    <p class="fs-5 text-dark fw-bold mb-0">

                                    </p>
                                </div>
                            </div>
                        </a>
                    </div>
            </div>
            <hr>
            {{ include('layouts/Flash/_flash.html.twig') }}

            <table class="table">
                <thead>
                <tr>

                    <th>Nom du Document</th>
                    <th>Type  </th>
                    <th>EN Ligne ?</th>
                    <th>actions</th>
                </tr>
                </thead>
                <tbody>
                {% for docuement in pagination %}
                    <tr>

                        <td>{{ docuement.name }}</td>
                        <td>{{ docuement.type.name }}</td>
                        <td>{{ docuement.isPublic ? "OUI" : "NON"}}</td>


                        <td>
                            <a class="btn btn-sm btn-outline-primary" href="{{ path('account.document.show', {'id': docuement.id}) }}">voir</a>
                            <a class="btn btn-sm btn-primary" href="{{ path('account.document.edit', {'id': docuement.id}) }}">Modifier</a>
                        </td>
                    </tr>
                {% else %}
                    <tr>
                        <td colspan="20">Aucun projet trouvé</td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
            {% if pagination.totalItemCount > limit %}
                <div class="row mt-3" >
                    <div class="col-sm-12 col-md-12">
                        <div class="page-navigation d-flex justify-content-center">
                            {{ knp_pagination_render(pagination) }}
                        </div>
                    </div>
                </div>
            {% endif %}
        </div>

        </div>
    </div>
{% endblock %}