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

{% block localstyle %}
<style>
    .item-action .btn-modal {
        color: inherit;
    }
</style>
{% endblock %}

{% block body %}
    <h1 class="page-header">Gestion des Documents </h1>


    <a class="btn btn-success" href="{{ path('app_'~access~'_document_submit') }}">Ajouter</a>
    {% if auditUse and (access=="admin" or access=="audit") %}
        <a class="btn btn-secondary float-end" href="{{ path('app_'~access~'_audit_render',{entityname:'Document'}) }}"><i class="fas fa-eye fa-fw"></i> Audit</a>
    {% endif %}    
    </p>
    
    <div class="card mt-4">
        <div class="card-header">
            <i class="fa fa-table fa-fw"></i> Liste des Catégories de Document
        </div>

        <div class="card-body">
            <div class="item-list">
                {% for documentcategory in documentcategorys %}
                    {{ render(path("app_"~access~"_document_render",{idcategory:documentcategory.id})) }}
                {% endfor %}
            </div>

            {% for document in documents %}
                <div class="item item-list" style="background-color: var(--colorbgbodydark);">
                    <div class="item-container">
                        <div class="item-content">
                            <div class="item-link">
                                <img height="35" src="/medias/file/blank.png">
                
                                <div class="item-title"> 
                                    <h3>{{ document.label }}</h3>
                                </div>
                            </div>
                            <div class="item-action">
                                <a style="display: none;" class="btn-modal" href="{{path('app_'~access~'_document_update',{id:document.id})}}">
                                    <i class="fas fa-file"></i>
                                </a>
                            </div>                        
                        </div>

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

{% block localscript %}
<script>


    

</script>
{% endblock %}