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

    <!--
        Composant d'affichage de détail (lecture seule) réutilisable - DRY/WOU
        Usage :
        <ui:include src="/templates/components/forms/detail-field.xhtml">
            <ui:param name="label" value="Nom complet"/>
            <ui:param name="value" value="#{bean.property}"/>
            <ui:param name="multiline" value="true" />
        </ui:include>
        Note : utilise l'opérateur EL `empty` pour gérer correctement null,
               chaînes vides, 0 (entier valide) et false (booléen valide).
    -->

    <h:panelGroup rendered="#{not empty value}">
        <div class="mb-4">
            <div style="font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--text-color-secondary);opacity:.7;margin-bottom:.35rem;">
                <h:outputText value="#{label}" />
            </div>
            <div style="font-size:.925rem;font-weight:600;color:var(--text-color);#{multiline ? 'white-space:pre-line;line-height:1.6;' : ''}">
                <h:outputText value="#{value}" escape="true" />
            </div>
        </div>
    </h:panelGroup>

</ui:composition>
