<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 réutilisable: Champ de détail en ligne (label à gauche, valeur à droite)
        Usage:
        <ui:include src="/templates/components/forms/detail-field-row.xhtml">
            <ui:param name="label" value="Nom complet" />
            <ui:param name="value" value="#{bean.property}" />
            <ui:param name="valueClass" value="font-bold text-primary" />
            <ui:param name="suffix" value="(optionnel)" />
        </ui:include>
    -->
    
    <div class="flex justify-content-between align-items-center mb-2">
        <span class="font-medium text-900">#{label}:</span>
        <div class="text-right">
            <span class="#{valueClass}">#{value}</span>
            <small class="text-600 ml-1" rendered="#{not empty suffix}">#{suffix}</small>
        </div>
    </div>
</ui:composition>

