<h:panelGrid border="0" columns="4"	style="width: 569px" styleClass="gridstyle">
    
    <h:outputText value="#{multilingua.l_userdata1}" style="font-weight: bold"></h:outputText>    
    <h:selectOneMenu id="title" style="width: 60px" value="#{userregistration.title}">
        <f:selectItem itemLabel="#{multilingua.l_userdata2}" itemValue="PROF"/>
        <f:selectItem itemLabel="#{multilingua.l_userdata3}" itemValue="DR"/>
        <f:selectItem itemLabel="#{multilingua.l_userdata4}" itemValue="MR"/>
        <f:selectItem itemLabel="#{multilingua.l_userdata5}" itemValue="MRS"/>
        <f:selectItem itemLabel="#{multilingua.l_userdata6}" itemValue="MS"/>
    </h:selectOneMenu>
    
    <h:outputText value="#{multilingua.l_userdata7}" style="font-weight: bold"></h:outputText>    
    <h:selectOneMenu id="gender" style="width: 60px" value="#{userregistration.gender}">
        <f:selectItem itemLabel="#{multilingua.l_userdata9}" itemValue="FEMALE"/>
        <f:selectItem itemLabel="#{multilingua.l_userdata8}" itemValue="MALE"/>
    </h:selectOneMenu>
    
    <h:outputText value="#{multilingua.l_userdata10}" style="font-weight: bold"></h:outputText>    
    <h:inputText id="name" style="width: 150px" value="#{userregistration.name}" required="true" 
                 requiredMessage="Name is an obligatory field!"></h:inputText>
                 
    <h:outputText value="#{multilingua.l_userdata11}" style="font-weight: bold"></h:outputText>    
    <h:inputText id="lastname" style="width: 150px" value="#{userregistration.lastname}" required="true"
                 requiredMessage="Last name is an obligatory field!"></h:inputText>
    
</h:panelGrid>


<h:panelGrid border="0" columns="2"	style="width: 569px" styleClass="gridstyle">
    
    <h:outputText value="#{multilingua.l_userdata15}" style="font-weight: bold"></h:outputText>    
    <h:selectManyCheckbox id="rolee" layout="lineDirection" value="#{userregistration.rolee}" required="true"
                          requiredMessage="Role is an obligatory field!">        
        <f:selectItem itemLabel="Administrative" itemValue="PROCUREMENT_OFFICER_ADMINISTRATIVE"/>
        <f:selectItem itemLabel="Opening" itemValue="PROCUREMENT_OFFICER_OPENING"/>
        <f:selectItem itemLabel="Evaluating" itemValue="PROCUREMENT_OFFICER_EVALUATING"/>
        <f:selectItem itemLabel="Economic operator" itemValue="ECONOMIC_OPERATOR"/>
    </h:selectManyCheckbox>
</h:panelGrid>

<h:panelGrid border="0" columns="2"	style="width: 569px" styleClass="gridstyle">
    
    <h:outputText value="#{multilingua.l_userdata16}" style="font-weight: bold"></h:outputText>
    <h:inputText id="dname" style="width: 250px" value="#{userregistration.dname}" required="true"
                 requiredMessage="Department name is an obligatory field!"></h:inputText>
    
    <h:outputText value="#{multilingua.l_userdata17}" style="font-weight: bold"></h:outputText>
    <h:inputText id="jtitle" style="width: 250px" value="#{userregistration.jtitle}" required="true"
                 requiredMessage="Job title is an obligatory field!"></h:inputText>
    
    <h:outputText value="#{multilingua.l_userdata18}" style="font-weight: bold"></h:outputText>
    <h:inputText id="burl" style="width: 250px" value="#{userregistration.burl}" validator="#{userregistration.validateURL}" required="true"
                 requiredMessage="Buyer url is an obligatory field!"></h:inputText>
    
</h:panelGrid>


<h:panelGrid border="0" columns="4"	style="width: 569px" styleClass="gridstyle">
    <h:outputText value="Country:" style="font-weight: bold"></h:outputText>
    <h:selectOneMenu id="country" style="width: 180px" value="#{userregistration.country}" validator="#{userregistration.requiredCountry}">
        
        <jsp:directive.include file="cn_countries.jsp"/>
        
    </h:selectOneMenu>
    <h:outputText value="Town:" style="font-weight: bold"></h:outputText>
    <h:inputText id="town" style="width: 100px" value="#{userregistration.town}" required="true"
                 requiredMessage="Town is an obligatory field!"></h:inputText>
</h:panelGrid>
<h:panelGrid border="0" columns="2"	style="width: 569px" styleClass="gridstyle">
    <h:outputText value="#{multilingua.l_userdata19}" style="font-weight: bold"></h:outputText>
    <h:inputTextarea id="padd" style="height: 80px; width: 429px" value="#{userregistration.padd}" required="true"
                     requiredMessage="Postal address is an obligatory field!"></h:inputTextarea>
    
</h:panelGrid>

<h:panelGrid border="0" columns="4"	style="width: 569px" styleClass="gridstyle">
    <h:outputText value="#{multilingua.l_userdata20}" style="font-weight: bold"></h:outputText>
    <h:inputText id="pcode" style="width: 178px" value="#{userregistration.pcode}" required="true"
                 requiredMessage="Postal code is an obligatory field!"></h:inputText>
    <h:outputText value="P.O. Box:" style="font-weight: bold"></h:outputText>
    <h:inputText id="pbox" style="width: 178px" value="#{userregistration.pbox}" required="true"
                 requiredMessage="Postal box is an obligatory field!"></h:inputText>
    <h:outputText value="#{multilingua.l_userdata21}" style="font-weight: bold"></h:outputText>
    <h:inputText id="phone" style="width: 178px" value="#{userregistration.phone}" required="true"
                 requiredMessage="Telephone number is an obligatory field!"></h:inputText>
    <h:outputText value="Fax:" style="font-weight: bold"></h:outputText>
    <h:inputText id="fax" style="width: 178px" value="#{userregistration.fax}" required="true"
                 requiredMessage="Fax is an obligatory field!"></h:inputText>
    <h:outputText value="Mobile Phone:" style="font-weight: bold"></h:outputText>
    <h:inputText id="mobile" style="width: 178px" value="#{userregistration.mobile}" required="true"
                 requiredMessage="Mobile phone is an obligatory field!"></h:inputText>
</h:panelGrid>
<h:panelGrid border="0" columns="1" style="width: 560px;">
    <h:panelGroup>
        <p align="right">						
            <h:commandButton value="#{multilingua.l_userdata22}" styleClass="buttonstyle" action="#{userregistration.clearPersonalFields}" immediate="true"></h:commandButton>
        </p>
    </h:panelGroup>
</h:panelGrid>

<br>
     <h:panelGrid border="0" columns="1">
            <h:message for="name" styleClass="msgstyle"/>
            <h:message for="lastname" styleClass="msgstyle"/>
            <h:message for="dname" styleClass="msgstyle"/>
            <h:message for="jtitle" styleClass="msgstyle"/>
            <h:message for="country" styleClass="msgstyle"/>
            <h:message for="burl" styleClass="msgstyle"/>
            <h:message for="town" styleClass="msgstyle"/>
            <h:message for="padd" styleClass="msgstyle"/>
            <h:message for="pbox" styleClass="msgstyle"/>
            <h:message for="phone" styleClass="msgstyle"/>
            <h:message for="fax" styleClass="msgstyle"/>
            <h:message for="mobile" styleClass="msgstyle"/>

           
        </h:panelGrid>

