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

{% block title %}Tableau de bord - Exercice {{ annee }}{% endblock %}

{% block body %}
<style>
    /* CSS spécifique uniquement à cette page */
    .sjc-container { max-width: 1200px; margin: 40px auto; padding: 0 20px; }
    .sjc-card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin-top: 30px; }
    .sjc-card { background: var(--sjc-blanc); border-radius: 8px; padding: 25px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); border-left: 4px solid var(--sjc-primaire); }
</style>

<div class="row mb-4">
    <div class="col-12">
        <div class="card shadow-sm border-0">
            <div class="card-body d-flex justify-content-around flex-wrap gap-3 bg-light rounded">
                
                {# Seuls les Responsables et les Admins peuvent déposer des factures #}
                {% if is_granted('ROLE_RESPONSABLE') %}
                <a href="{{ path('app_facture_nouvelle') }}" class="btn btn-success btn-lg shadow-sm">
                    🧾 Déposer une Facture
                </a>
                {% endif %}

                {# Seuls les super-administrateurs (Compta, IT, Direction) gèrent les structures et les agents #}
                {% if is_granted('ROLE_ADMIN') %}
                <a href="{{ path('app_budget_new') }}" class="btn btn-primary btn-lg shadow-sm">
                    💰 Créer un Budget
                </a>

                <a href="{{ path('app_contrat_licence_new') }}" class="btn btn-info btn-lg shadow-sm text-white">
                    📜 Gérer les Licences
                </a>

                <a href="{{ path('app_fournisseur_new') }}" class="btn btn-warning btn-lg shadow-sm">
                    🏢 Nouveau Prestataire
                </a>
                
                {# LE NOUVEAU BOUTON ICI #}
                <a href="{{ path('app_user_index') }}" class="btn btn-dark btn-lg shadow-sm">
                    👥 Gérer les Agents
                </a>
                {% endif %}

            </div>
        </div>
    </div>
</div>

<div class="sjc-container">
    <h2>Tableau de bord de suivi - Exercice {{ annee }}</h2>
    <p>Aperçu des indicateurs du service informatique.</p>

    <div class="sjc-card-grid">
        
        <div class="sjc-card">
            <h3>📊 Budgets Alloués</h3>
            <ul style="list-style-type: none; padding: 0; margin-top: 15px;">
                {% for ligne in budgets %}
                    <li style="padding: 15px 0; border-bottom: 1px solid #eee;">
                    <strong style="color: var(--sjc-primaire);">Compte {{ ligne.codeComptable }}</strong><br>
                    {{ ligne.libelleLigne }} <br>
                        <div style="margin-top: 8px; font-size: 0.9em;">
                            <div>Budget : {{ ligne.montantAlloue }} €</div>
                            {% set solde = ligne.getSoldeRestant() %}
                            <div>
                                Solde disponible : 
                                <strong style="color: {{ solde < 0 ? '#e74c3c' : '#27ae60' }};">
                                    {{ solde|number_format(2, ',', ' ') }} €
                                </strong>
                            </div>
                        </div>
                    </li>
                {% else %}
                    <li>Aucune ligne budgétaire configurée.</li>
                {% endfor %}
            </ul>
        </div>
        
        <div class="sjc-card" style="border-left-color: var(--sjc-avertissement);">
            <h3>📄 Contrats & Licences</h3>
            <ul style="list-style-type: none; padding: 0; margin-top: 15px;">
                {% for contrat in contrats %}
                    <li style="padding: 10px 0; border-bottom: 1px solid #eee;">
                        <strong>{{ contrat.libelleService }}</strong> 
                        <span style="float: right;">{{ contrat.montantAnnuel }} €/an</span><br>
                        <small style="color: #666;">
                            Fin : {{ contrat.dateFin ? contrat.dateFin|date('d/m/Y') : 'Non définie' }}<br>
                            Préavis : <strong style="color: #e67e22;">{{ contrat.datePreavis ? contrat.datePreavis|date('d/m/Y') : '-' }}</strong><br>
                            Imputé sur : Compte {{ contrat.budget.codeComptable }}
                        </small>
                    </li>
                {% else %}
                    <li>Aucun contrat enregistré.</li>
                {% endfor %}
            </ul>
        </div>

        <div class="sjc-card" style="border-left-color: var(--sjc-secondaire);">
            <h3>🧾 Factures à valider</h3>
            <ul style="list-style-type: none; padding: 0; margin-top: 15px;">
                
                {% for facture in factures %}
                    <li style="padding: 10px 0; border-bottom: 1px solid #eee;">
                        
                        <strong>Facture n° {{ facture.numeroFacture }}</strong> 
                        
                        {# Édition pour les responsables et admins #}
                        {% if is_granted('ROLE_RESPONSABLE') %}
                        <a href="{{ path('app_facture_modifier', {'id': facture.id}) }}" style="margin-left: 10px; font-size: 0.85em; color: #f39c12; text-decoration: none;">✏️ Éditer</a>
                        {% endif %}
                        
                        {# Suppression dangereuse, réservée aux Admins #}
                        {% if is_granted('ROLE_ADMIN') %}
                        <a href="{{ path('app_facture_supprimer', {'id': facture.id}) }}" onclick="return confirm('Êtes-vous sûr de vouloir supprimer cette facture définitivement ?');" style="margin-left: 10px; font-size: 0.85em; color: #e74c3c; text-decoration: none;">🗑️ Supprimer</a>
                        {% endif %}
                        
                        {# Tout le monde peut voir le PDF #}
                        {% if facture.pdfFilename %}
                            <a href="{{ asset('uploads/factures/' ~ facture.pdfFilename) }}" target="_blank" style="margin-left: 10px; font-size: 0.85em; color: #2980b9; text-decoration: none;">
                                👁️ Voir le PDF
                            </a>
                        {% endif %}
                        
                        <span style="float: right;">{{ facture.montantTtc }} €</span><br>
                        <small style="color: #666;">
                            Date : {{ facture.dateFacture ? facture.dateFacture|date('d/m/Y') : 'Non définie' }}<br>
                        Statut : {{ facture.statut }}<br>
                        Fournisseur : {{ facture.fournisseur ? facture.fournisseur.nomEntreprise : 'Inconnu' }}
                    </small>

                    {# Bouton valider réservé aux responsables/admins #}
                    {% if facture.statut != 'Paye' and is_granted('ROLE_RESPONSABLE') %}
                        <div class="mt-2">
                            <form action="{{ path('app_facture_valider', {'id': facture.id}) }}" method="POST" onsubmit="return confirm('Confirmez-vous le paiement de cette facture ? Le montant sera déduit du budget alloué.');">
                                <button type="submit" class="btn btn-sm text-white w-100 fw-bold" style="background-color: var(--sjc-primaire); border: none;">
                                    ✓ Valider le paiement
                                </button>
                            </form>
                        </div>
                    {% endif %}
                </li>
            {% else %}
                <li>Aucune facture enregistrée.</li>
            {% endfor %}
            
        </ul>
    </div>
    
    <div class="sjc-card" style="border-left-color: var(--sjc-texte);">
        <h3>🏢 Base Fournisseurs</h3>
        <p>Contacts et numéros de support des prestataires.</p>
    </div>

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