{# templates/admin/projet/tabs/_docs.html.twig #}

<div class="list-group list-group-flush border rounded shadow-sm overflow-hidden">
    {# En-tête #}
    <div class="list-group-item bg-light small fw-bold text-secondary d-none d-md-flex">
        <div style="width: 40px;" class="text-center">#</div>
        <div style="width: 60px;">Format</div>
        <div class="flex-grow-1">Détails du document</div>
        <div style="width: 180px;" class="text-center">Visibilité Requise</div>
        <div style="width: 120px;" class="text-end">Actions</div>
    </div>

    {% set documentsAffiches = 0 %}
    
    {# On utilise directement projet.documents car le Controller a déjà fait le tri et le filtre #}
    {% for doc in projet.documents %}
        {# --- FILTRE DE SÉCURITÉ BASÉ SUR LE POIDS --- #}
        {% if app.user.niveauAccess.poids >= doc.niveauAccess.poids %}
            {% set documentsAffiches = documentsAffiches + 1 %}
            
            <div class="list-group-item d-flex justify-content-between align-items-center p-3 hover-bg-light">
                {# Position / Ordre #}
                <div style="width: 40px;" class="text-center text-muted small">
                    {{ doc.ordre }}
                </div>

                <div class="d-flex align-items-center flex-grow-1">
                    {# Logique d'icône et couleur #}
                    {% set color = 'secondary' %}
                    {% set icon = 'fa-file-alt' %}

                    {% if doc.typeMedia == 'PDF' %}
                        {% set color, icon = 'danger', 'fa-file-pdf' %}
                    {% elseif doc.typeMedia == 'IMAGE' %}
                        {% set color, icon = 'info', 'fa-file-image' %}
                    {% elseif doc.typeMedia == 'VIDEO' %}
                        {% set color, icon = 'warning', 'fa-file-video' %}
                    {% endif %}
                    
                    <div class="icon-box bg-{{ color }} bg-opacity-10 text-{{ color }} p-3 rounded me-3 text-center" style="width: 50px;">
                        <i class="fas {{ icon }} fa-xl"></i>
                    </div>
                    
                    <div>
                        <p class="mb-0 fw-bold text-dark">{{ doc.nomDocument }}</p>
                        
                        {% if doc.description %}
                            <p class="text-muted small mb-1" style="font-size: 0.75rem; font-style: italic;">
                                {{ doc.description|length > 80 ? doc.description|slice(0, 80) ~ '...' : doc.description }}
                            </p>
                        {% endif %}
                        
                        <small class="text-muted text-uppercase" style="font-size: 0.65rem;">
                             {{ (doc.tailleOctet / 1024)|number_format(0) }} KB • Ajouté le {{ doc.createdAt|date('d/m/Y') }}
                        </small>
                    </div>
                </div>

                {# Badge de visibilité dynamique #}
                <div style="width: 180px;" class="text-center">
                    {% set p = doc.niveauAccess.poids %}
                    {% if p >= 100 %}
                        {% set bClass = 'bg-dark text-white' %}
                    {% elseif p >= 75 %}
                        {% set bClass = 'bg-danger text-white' %}
                    {% elseif p >= 25 %}
                        {% set bClass = 'bg-warning text-dark' %}
                    {% else %}
                        {% set bClass = 'bg-success-subtle text-success border border-success-subtle' %}
                    {% endif %}

                    <span class="badge {{ bClass }} rounded-pill px-3 py-2 w-100 shadow-sm" style="font-size: 0.7rem;">
                        <i class="fas fa-lock-open me-1" style="font-size: 0.6rem;"></i> {{ doc.niveauAccess.libelle }}
                    </span>
                </div>

                {# Actions #}
                <div class="btn-group ms-3" style="width: 120px; justify-content: flex-end;">
                    <a href="{{ asset('uploads/projets/' ~ doc.fichierUrl) }}" target="_blank" class="btn btn-sm btn-white border shadow-sm" title="Voir le fichier">
                        <i class="fas fa-eye text-primary"></i>
                    </a>
                    
                    {# Suppression réservée au staff autorisé (poids >= 75) #}
                    {% if app.user.niveauAccess.poids >= 75 %}
                        <form method="post" action="{{ path('app_admin_document_delete', {'id': doc.id}) }}" onsubmit="return confirm('Supprimer ce document définitivement ?');" style="display:inline-block">
                            <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ doc.id) }}">
                            <button class="btn btn-sm btn-white border text-danger shadow-sm ms-1">
                                <i class="fas fa-trash"></i>
                            </button>
                        </form>
                    {% endif %}
                </div>
            </div>
        {% endif %}
    {% endfor %}

    {# Message si la liste est vide après filtrage #}
    {% if documentsAffiches == 0 %}
        <div class="text-center py-5 bg-white">
            <div class="mb-3">
                <i class="fas fa-shield-alt fa-3x text-muted opacity-25"></i>
            </div>
            <p class="text-muted mb-0">Aucun document n'est publié pour votre niveau d'accès.</p>
            <small class="text-secondary">Niveau actuel : {{ app.user.niveauAccess.libelle }} ({{ app.user.niveauAccess.poids }})</small>
        </div>
    {% endif %}
</div>