<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core">
    <h:panelGroup id="#{bean.monthYearCombo.idPanel}" rendered="#{bean.monthYearCombo.view}">        
        <table>
            <tr> <td style="padding-right: 10px;">
                    <p:selectOneMenu id="#{bean.monthYearCombo.idComboPeriode}" value="#{bean.monthYearCombo.selectedPeriode}" 
                                     panelStyle="font-size:11px; width: 200px;" 
                                     style="font-size:11px; width: 200px"
                                     converter="omnifaces.SelectItemsConverter" 
                                     disabled="#{bean.monthYearCombo.mode}">
                        <f:selectItems value="#{bean.monthYearCombo.periodes}" var="i" itemLabel="#{i.bulanString}" 
                                       itemValue="#{i}" />
                        <p:ajax process="#{bean.monthYearCombo.idComboPeriode}" 
                                update="#{bean.monthYearCombo.update}" event="change" listener="#{bean.onPeriodeChange}"/>
                    </p:selectOneMenu>
                </td>
                <td>
                    <p:selectOneMenu  id="#{bean.monthYearCombo.idComboYear}" 
                                      value="#{bean.monthYearCombo.selectedYear}" 
                                      panelStyle="font-size:11px; width: 60px;" style="font-size:11px; width: 60px"
                                      converter="omnifaces.SelectItemsConverter" disabled="#{bean.monthYearCombo.mode}">
                        <f:selectItems value="#{bean.monthYearCombo.years}" var="ii" itemLabel="#{ii.tahunAsString}" 
                                       itemValue="#{ii}" />
                        <p:ajax process="#{bean.monthYearCombo.idComboYear}" 
                                update="#{bean.monthYearCombo.update}" 
                                event="change" listener="#{bean.onYearChange}"/>
                    </p:selectOneMenu>
                </td>
            </tr>
        </table>
    </h:panelGroup>

</ui:composition>
