<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 du logo d'organisation (avatar circulaire) - DRY/WOU.
        Paramètres :
        - logo : URL du logo (peut être nul)
        - size : taille en pixels (facultatif, défaut 48)
        
        Note: Les erreurs CSS de l'IDE sur la ligne suivante sont des faux positifs.
        La syntaxe EL est correcte et sera évaluée côté serveur avant l'envoi au navigateur.
    -->

    <p:outputPanel styleClass="flex align-items-center justify-content-center border-circle bg-primary-50"
                   style="width: #{empty size ? 48 : size}px; height: #{empty size ? 48 : size}px; overflow: hidden;">

        <p:graphicImage value="#{logo}"
                        rendered="#{not empty logo}"
                        style="max-width: 100%; max-height: 100%; object-fit: contain;"/>

        <h:panelGroup rendered="#{empty logo}">
            <i class="pi pi-building text-2xl text-primary"></i>
        </h:panelGroup>
    </p:outputPanel>
</ui:composition>


