<?xml version="1.0" encoding="UTF-8"?>

<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:c="http://xmlns.jcp.org/jsp/jstl/core" xmlns:p="http://primefaces.org/ui">
    <h:form id="frmMainServiceMenu">
        <f:attribute name="role" value="presentation" />

		<c:if test="#{layoutComponents.experimentalFeatureToggleCalendarSidebar}">
        <h:outputStylesheet >
			.KalenderMainMenuEntry.ui-icon-badge:after {
				width: 1.5rem;
				height: 1.5rem;
				margin-top: -1rem;
				margin-left: 0.45rem;
				background-color: #039ee6;
				font-size: 0.75rem;
				line-height: 1.5rem;
			}
		</h:outputStylesheet>
		</c:if>

        <p:menubar id="mainServiceMenu" model="#{mainServiceMenu.menuModel}" autoDisplay="false" />
        <p:poll rendered="#{mainServiceMenu.messagePolling}" update="mainServiceMenu" interval="20" immediate="true" partialSubmit="true" process="frmMainServiceMenu" global="false" oncomplete="setElectStyles()" />
    </h:form>
</ui:composition>
