<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 en-tête de page réutilisable (WOU/DRY Pattern)
        
        Auteur: Lions User Manager
        Version: 1.0.0
        Description: En-tête de page avec icône, titre, description et actions
        
        Paramètres:
        - icon: String (optionnel) - Classe d'icône PrimeIcons (ex: "pi pi-users text-blue-500")
        - title: String (requis) - Titre de la page
        - description: String (optionnel) - Description de la page
        
        Usage: 
        <ui:include src="/templates/components/layout/page-header.xhtml">
            <ui:param name="icon" value="pi pi-users text-blue-500" />
            <ui:param name="title" value="Gestion des Utilisateurs" />
            <ui:param name="description" value="Gestion centralisée des utilisateurs Keycloak" />
            <ui:define name="actions">
                Boutons d'action ici
            </ui:define>
        </ui:include>
    -->
    
    <div class="grid mb-4">
        <div class="col-12">
            <div class="card">
                <div class="flex align-items-center justify-content-between">
                    <div>
                        <h3 class="mb-2">
                            <c:if test="#{not empty icon}">
                                <i class="#{icon} mr-2"></i>
                            </c:if>
                            #{title}
                        </h3>
                        <p class="text-600 m-0" rendered="#{not empty description}">#{description}</p>
                    </div>
                    <div>
                        <ui:insert name="actions" />
                    </div>
                </div>
            </div>
        </div>
    </div>
</ui:composition>

