<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">
    
    <!-- 
        Composant en-tête de page réutilisable (WOU/DRY)
        Usage: <ui:include src="/templates/components/layout/page-header.xhtml">
                  <ui:param name="icon" value="pi pi-icon-name" />
                  <ui:param name="title" value="Titre de la page" />
                  <ui:param name="description" value="Description de la page" />
                  <ui:define name="actions">
                      Contenu des actions (boutons, etc.)
                  </ui:define>
                </ui:include>
    -->
    
    <div class="grid">
        <div class="col-12">
            <div class="card">
                <div class="flex align-items-center justify-content-between">
                    <div>
                        <h3 class="mb-2">
                            <i class="#{icon} text-primary mr-2"></i>
                            #{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>

