<?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="#{backBean.idPanelPemda}" rendered="#{backBean.viewPemda}">        
        <table align="center">
            <tr>
                <td style="width: 140px; padding: 5px;"> <h:outputText value="Pemerintah Daerah " />  </td>
                <td style="width: 10px; padding: 5px;"> <h:outputText value=":"/></td>
                <td style="width: 600px; padding: 5px;"> 
                    <p:selectOneMenu filter="true" filterMatchMode="contains" id="#{backBean.idComboPemda}" value="#{backBean.selectedPemda}" 
                                     panelStyle="font-size:11px; width: 290px;" style="font-size:11px; width: 290px"
                                     converter="omnifaces.SelectItemsConverter" disabled="#{backBean.editMode}">
                        <f:selectItem itemLabel="Pilih Pemerintah Daerah...." itemValue="#{backBean.pemdaNull}" />  
                        <f:selectItems value="#{backBean.pemdas}" var="pe" itemLabel="#{pe.namaPemda}" itemValue="#{pe}" />
                        <p:ajax process="#{backBean.idComboPemda}" update="#{backBean.updatePemda}" event="change" listener="#{backBean.onPemdaChange}"/>
                    </p:selectOneMenu>
                </td>
            </tr>
        </table>
    </h:panelGroup>

</ui:composition>
