<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://xmlns.jcp.org/jsf/html"
    xmlns:f="http://xmlns.jcp.org/jsf/core" xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
    xmlns:p="http://primefaces.org/ui" xmlns:c="http://xmlns.jcp.org/jsp/jstl/core">

    <!--
        Composant réutilisable: Carte Statistiques Audit - Écosystème LionsDev
        
        Auteur: Lions User Manager
        Version: 2.0.0
        Description: Wrapper spécialisé autour de kpi-card.xhtml pour le domaine Audit.
                     Ajoute un contexte sémantique. Pour de nouvelles implémentations,
                     utiliser directement kpi-card.xhtml.
        
        Paramètres:
        - title: String (requis) - Titre de la carte
        - value: Number (requis) - Valeur à afficher
        - icon: String (requis) - Classe d'icône PrimeIcons (sans préfixe "pi-")
        - iconColor: String (requis) - Couleur de l'icône (ex: "blue-600")
        - subtitle: String (optionnel) - Sous-titre
        - trend: Number (optionnel) - Tendance (pourcentage)
        - trendLabel: String (optionnel) - Libellé de la tendance
        - colSize: String (défaut: "col-12 md:col-6 lg:col-3") - Taille de colonne
        - clickable: Boolean (défaut: false) - Rendre la carte cliquable
        - clickAction: String (optionnel) - Action au clic
        - clickOutcome: String (optionnel) - Page de destination au clic
        - statusIcon: String (optionnel) - Icône de statut (déléguée à kpi-card)
        - statusLabel: String (optionnel) - Label de statut
        - statusValue: String (optionnel) - Valeur de statut
        
        Exemples d'utilisation:
        
        1. Carte simple:
        <ui:include src="/templates/components/audit/audit-stats-card.xhtml">
            <ui:param name="title" value="Total Actions" />
            <ui:param name="value" value="#{auditBean.totalActions}" />
            <ui:param name="icon" value="pi-history" />
            <ui:param name="iconColor" value="blue-600" />
        </ui:include>
        
        2. Carte avec tendance:
        <ui:include src="/templates/components/audit/audit-stats-card.xhtml">
            <ui:param name="title" value="Actions Réussies" />
            <ui:param name="value" value="#{auditBean.successCount}" />
            <ui:param name="icon" value="pi-check-circle" />
            <ui:param name="iconColor" value="green-600" />
            <ui:param name="trend" value="#{auditBean.successTrend}" />
            <ui:param name="trendLabel" value="vs mois dernier" />
        </ui:include>
    -->

    <!-- Déléguer à kpi-card.xhtml pour éviter la duplication de code (DRY) -->
    <ui:include src="/templates/components/shared/cards/kpi-card.xhtml">
        <ui:param name="title" value="#{title}" />
        <ui:param name="value" value="#{value}" />
        <ui:param name="icon" value="#{icon}" />
        <ui:param name="iconColor" value="#{iconColor}" />
        <ui:param name="subtitle" value="#{subtitle}" />
        <ui:param name="growthValue" value="#{trend}" />
        <ui:param name="growthLabel" value="#{trendLabel}" />
        <ui:param name="growthType" value="percentage" />
        <ui:param name="colSize" value="#{colSize}" />
        <ui:param name="clickable" value="#{clickable}" />
        <ui:param name="clickAction" value="#{clickAction}" />
        <ui:param name="clickOutcome" value="#{clickOutcome}" />
        <ui:param name="statusIcon" value="#{statusIcon}" />
        <ui:param name="statusLabel" value="#{statusLabel}" />
        <ui:param name="statusValue" value="#{statusValue}" />
        <ui:param name="styleClass" value="#{styleClass}" />
    </ui:include>

</ui:composition>