{% extends 'admin/layout.html.twig' %}
{% block title %}Documents — WTL{% endblock %}
{% block admin_body %}
{% set actions = [] %}{% if can_permission('DOCUMENT',2) %}{% set actions=[{label:'Ajouter un document',href:path('admin_library_new'),icon:'bi-plus-lg',primary:true}] %}{% endif %}
{% include 'admin/ui/_page_header.html.twig' with {page_eyebrow:'Documents',page_title:'Bibliothèque documentaire',page_subtitle:'Retrouve les fichiers disponibles pour le projet actif et leurs versions.',page_actions:actions} only %}
<div class="card border-0 shadow-sm">
    <div class="card-body">
        <div class="mobile-card-list document-library-cards">
        {% for document in documents %}<article class="card business-card {{ not document.active ? 'opacity-75' : '' }}"><div class="card-body"><div class="d-flex justify-content-between gap-2 align-items-start"><div><div class="small text-secondary"><code>{{ document.code }}</code> · {{ document.type }} · v{{ document.version }}</div><h2 class="h6 mb-1">{{ document.name }}</h2><div class="small text-secondary text-break">{{ document.originalFilename }}</div></div><span class="badge {{ document.active ? 'text-bg-success' : 'text-bg-secondary' }}">{{ document.active ? 'Actif' : 'Archivé' }}</span></div>
        <div class="d-flex flex-wrap gap-1 mt-2">{% if document.protectedType %}<span class="badge text-bg-dark">Immuable</span>{% elseif accountingDocumentIds[document.id] is defined %}<span class="badge text-bg-secondary">Pièce comptable</span>{% endif %}{% if document.public %}<span class="badge text-bg-success">Public</span>{% endif %}{% if document.press %}<span class="badge text-bg-primary">Presse</span>{% endif %}{% if document.admin %}<span class="badge text-bg-dark">Admin</span>{% endif %}</div>
        <div class="small text-secondary mt-2">{% if document.globalAvailability %}Tous les projets{% elseif document.availableProjects|length %}{{ document.availableProjects|map(p => p.name)|join(', ') }}{% elseif document.artisticProject %}{{ document.artisticProject.name }}{% else %}Aucun projet{% endif %} · {{ (document.size/1024)|number_format(1,',',' ') }} Ko</div>
        <div class="card-actions mt-3"><a class="btn btn-dark flex-grow-1 touch-target" href="{{ path('document_view',{id:document.id}) }}" target="_blank"><i class="bi bi-eye"></i>Voir</a><a class="btn btn-outline-dark touch-target" href="{{ path('document_download',{id:document.id}) }}" aria-label="Télécharger {{ document.name }}"><i class="bi bi-download"></i></a>{% if not document.protectedType and can_permission('DOCUMENT',2) %}<div class="dropdown action-menu"><button class="btn btn-outline-secondary icon-only-action" data-bs-toggle="dropdown" aria-label="Autres actions pour {{ document.name }}"><i class="bi bi-three-dots"></i></button><ul class="dropdown-menu dropdown-menu-end"><li><a class="dropdown-item" href="{{ path('admin_library_edit',{id:document.id}) }}"><i class="bi bi-pencil"></i>Modifier les informations</a></li>{% if accountingDocumentIds[document.id] is not defined %}<li><a class="dropdown-item" href="{{ path('admin_library_new_version',{id:document.id}) }}"><i class="bi bi-layers"></i>Nouvelle version</a></li>{% endif %}<li><form method="post" action="{{ path('admin_library_archive',{id:document.id}) }}"><input type="hidden" name="_token" value="{{ csrf_token('archive-document-'~document.id) }}"><button class="dropdown-item"><i class="bi {{ document.active ? 'bi-archive' : 'bi-arrow-counterclockwise' }}"></i>{{ document.active ? 'Archiver' : 'Réactiver' }}</button></form></li></ul></div>{% endif %}</div>
        </div></article>{% else %}{% include 'admin/ui/_empty_state.html.twig' with {empty_title:'Aucun document',empty_text:'Les documents accessibles dans le projet actif apparaîtront ici.'} only %}{% endfor %}
        </div>
        <div class="table-responsive desktop-table-only">
            <table class="table align-middle data-table" data-order-column="0" data-order-dir="asc">
                <thead>
                    <tr>
                        <th>Code</th>
                        <th>Type</th>
                        <th>Nom</th>
                        <th>Version</th>
                        <th>Taille</th>
                        <th>Projets</th>
                        <th>Accès</th>
                        <th>Création</th>
                        <th>État</th>
                        <th data-orderable="false">Actions</th>
                    </tr>
                </thead>
                <tbody>
                {% for document in documents %}
                    <tr class="{{ not document.active ? 'opacity-50' : '' }}">
                        <td><code>{{ document.code }}</code></td>
                        <td>{{ document.type }}</td>
                        <td>
                            {{ document.name }}
                            {% if document.protectedType %}<span class="badge text-bg-dark ms-1">Immuable</span>{% elseif accountingDocumentIds[document.id] is defined %}<span class="badge text-bg-secondary ms-1">Pièce comptable</span>{% endif %}
                            <div class="small text-secondary">{{ document.originalFilename }}</div>
                        </td>
                        <td>v{{ document.version }}</td>
                        <td>{{ (document.size / 1024)|number_format(1, ',', ' ') }} Ko</td>
                        <td>
                            {% if document.globalAvailability %}
                                <span class="badge text-bg-success">Tous les projets</span>
                            {% elseif document.availableProjects|length %}
                                {% for project in document.availableProjects %}<span class="badge text-bg-secondary me-1">{{ project.name }}</span>{% endfor %}
                            {% elseif document.artisticProject %}
                                <span class="badge text-bg-secondary">{{ document.artisticProject.name }}</span>
                            {% else %}
                                <span class="text-secondary">Aucun</span>
                            {% endif %}
                        </td>
                        <td>
                            {% if document.public %}<span class="badge text-bg-success">Public</span>{% endif %}
                            {% if document.press %}<span class="badge text-bg-primary">Presse</span>{% endif %}
                            {% if document.admin %}<span class="badge text-bg-dark">Admin</span>{% endif %}
                        </td>
                        <td>{{ document.createdAt|date('d/m/Y H:i') }}<div class="small text-secondary">{{ document.createdBy ? document.createdBy.displayName : '—' }}</div></td>
                        <td>{{ document.active ? 'Actif' : 'Archivé' }}</td>
                        <td class="text-nowrap">
                            <a class="btn btn-sm btn-outline-secondary" href="{{ path('document_view',{id:document.id}) }}" target="_blank" title="Voir"><i class="bi bi-eye"></i></a>
                            <a class="btn btn-sm btn-outline-secondary" href="{{ path('document_download',{id:document.id}) }}" title="Télécharger"><i class="bi bi-download"></i></a>
                            {% if not document.protectedType and can_permission('DOCUMENT',2) %}
                                <a class="btn btn-sm btn-outline-secondary" href="{{ path('admin_library_edit',{id:document.id}) }}" title="Métadonnées"><i class="bi bi-pencil"></i></a>
                                {% if accountingDocumentIds[document.id] is not defined %}<a class="btn btn-sm btn-outline-primary" href="{{ path('admin_library_new_version',{id:document.id}) }}" title="Nouvelle version"><i class="bi bi-layers"></i></a>{% endif %}
                                <form method="post" action="{{ path('admin_library_archive',{id:document.id}) }}" class="d-inline">
                                    <input type="hidden" name="_token" value="{{ csrf_token('archive-document-' ~ document.id) }}">
                                    <button class="btn btn-sm btn-outline-warning" title="{{ document.active ? 'Archiver' : 'Réactiver' }}"><i class="bi {{ document.active ? 'bi-archive' : 'bi-arrow-counterclockwise' }}"></i></button>
                                </form>
                            {% endif %}
                        </td>
                    </tr>
                {% else %}
                    <tr><td colspan="10" class="text-center text-secondary py-4">Aucun document.</td></tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>
{% endblock %}