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

{% block title %}Tableau de bord | Admin{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('assets/css/admin/dashboard.css') }}">
{% endblock %}

{% block body %}
    <div class="dashboard-container">
        <h1 class="dashboard-title">Tableau de bord Admin</h1>
        <p class="dashboard-subtitle">Gérer les fichiers téléchargés, les liens uniques et les statistiques</p>

        {% if is_granted('ROLE_SUPER_ADMIN') %}
            <div style="margin-top: 20px; margin-bottom: 20px;">
                <a href="{{ path('admin_add_new_user') }}" class="btn" style="background-color: #6f42c1; color: white;">
                    👤 Créer un nouvel Admin
                </a>
            </div>
        {% endif %}

        <div class="stats-grid">
            <div class="stat-box">
                <h2>Total Fichiers</h2>
                <p>{{ total_uploads }}</p>
            </div>
            <div class="stat-box">
                <h2>Volume Total de partages</h2>
                <p>{{ total_shares }}</p>
            </div>
            <div class="stat-box">
                <h2>Partages Actifs</h2>
                <p>{{ active_links }}</p>
            </div>
            <div class="stat-box">
                <h2>Partages Expirés</h2>
                <p>{{ expired_links }}</p>
            </div>
        </div>

        <form class="search-form" method="GET">
            <input type="text" name="search" value="{{ app.request.query.get('search') }}" placeholder="Rechercher par titre, fichier ou utilisateur...">
            <button type="submit">Rechercher</button>
        </form>

        {% for share in shares %}
            <div class="file-card {% if not share.isActive %}expired-card{% endif %}">
                <div class="file-header">
                    <div>
                        <div style="display: flex; align-items: center; gap: 10px;">
                            <h3 style="margin: 0;">{{ share.title ?: 'Partage sans titre' }}</h3>
                            {% if share.isActive %}
                                <span class="tag active">Actif</span>
                            {% else %}
                                <span class="tag expired">Désactivé/Expiré</span>
                            {% endif %}
                        </div>

                        <p>Créé par :
                            <strong {% if app.user != share.user %}style="color: #007bff;"{% endif %}>
                                {{ share.user.email }}
                            </strong>
                            {% if app.user == share.user %}
                                <span style="font-size: 0.7rem; background: #eee; padding: 2px 5px; border-radius: 3px;">(Moi)</span>
                            {% endif %}
                            — Code accès : <code>{{ share.accessCode ?: 'Aucun' }}</code>
                        </p>

                        {# Liste des documents dans ce partage #}
                        <div class="document-list" style="margin-top: 15px; background: #f8f9fa; padding: 10px; border-radius: 5px;">
                            <strong style="font-size: 0.8rem; color: #666;">FICHIERS ({{ share.documents|length }}) :</strong>
                            <ul style="list-style: none; padding: 0; margin: 5px 0 0 0;">
                                {% for doc in share.documents %}
                                    <li style="font-size: 0.9rem; display: flex; justify-content: space-between; border-bottom: 1px solid #eee; padding: 4px 0;">
                                        <span>📄 {{ doc.originalName }}</span>
                                        <div>
                                            <span class="text-muted" style="margin-right: 10px;">{{ (doc.size / 1048576)|round(2) }} MB</span>

                                            {# Génère l'URL vers le fichier physique #}
                                            <a href="{{ vich_uploader_asset(doc, 'file') }}"
                                               download="{{ doc.originalName }}"
                                               class="btn-download"
                                               style="text-decoration: none; font-size: 0.8rem; color: #007bff;">
                                                Télécharger
                                            </a>
                                        </div>
                                    </li>
                                {% endfor %}
                            </ul>
                        </div>
                    </div>

                    <div class="file-meta" style="text-align: right;">
                        <p><strong>Token :</strong> <code>{{ share.token|slice(0, 8) }}...</code></p>
                        <p><strong>Expire le :</strong><br>{{ share.expiresAt|date('d/m/Y H:i') }}</p>
                    </div>
                </div>

                <div class="file-actions" style="margin-top: 20px;">
                    <a href="{{ path('admin_share_edit', {id: share.id}) }}" class="btn" target="_blank">Editer le partage</a>

                    <a href="{{ path('admin_share_edit', {id: share.id}) }}#expiresAt" class="btn">
                        Modifier Expiration
                    </a>

                    <form method="post" action="{{ path('admin_share_toggle', {'id': share.id}) }}">
                        <input type="hidden" name="_token" value="{{ csrf_token('toggle' ~ share.id) }}">

                        {% if share.isActive %}
                            <button type="submit" class="btn" style="color: white; background-color: orange; border: none; padding: 8px 15px; border-radius: 4px; cursor: pointer;">
                                Désactiver
                            </button>
                        {% else %}
                            <button type="submit" class="btn" style="color: white; background-color: #28a745; border: none; padding: 8px 15px; border-radius: 4px; cursor: pointer;">
                                Réactiver
                            </button>
                        {% endif %}
                    </form>

                    <form method="post" action="{{ path('admin_share_delete', {'id': share.id}) }}"
                          style="display:inline-block;"
                          onsubmit="return confirm('Êtes-vous sûr de vouloir supprimer définitivement ce partage et tous les fichiers associés ?');">

                        {# Le jeton CSRF est indispensable car ton contrôleur le vérifie #}
                        <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ share.id) }}">

                        <button type="submit" class="btn delete" style="background-color: #dc3545; color: white; border: none; padding: 8px 15px; border-radius: 4px; cursor: pointer;">
                            Supprimer tout le partage
                        </button>
                    </form>
                </div>
            </div>
            {% if shares.getTotalItemCount > shares.getItemNumberPerPage %}
                <div class="pagination-wrapper">
                    <div class="pagination-info">
                        Affichage de <b>{{ shares.getItemNumberPerPage }}</b> partages sur <b>{{ shares.getTotalItemCount }}</b>
                    </div>
                    <div class="pagination-links">
                        {{ knp_pagination_render(shares) }}
                    </div>
                </div>
            {% endif %}
        {% else %}
            <div class="no-results" style="text-align: center; padding: 40px;">
                <p>Aucun partage ne correspond à votre recherche.</p>
                <a href="{{ path('admin_dashboard') }}" class="btn">Réinitialiser les filtres</a>
            </div>
        {% endfor %}

    </div>
{% endblock %}