<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	template="userTemplate.xhtml">

	<ui:define name="mainContent">
		<h:form class="form-horizontal">
			<div class="form-group">
				<label class="col-md-2 col-lg-2 control-label">Name:</label>
				<div class="col-md-4 col-lg-4">
					<h:inputText value="#{user.name}" class="form-control"></h:inputText>
				</div>
			</div>


			<div class="form-group">
				<label class="col-md-2 col-lg-2 control-label">Surname:</label>
				<div class="col-md-4 col-lg-4">
					<h:inputText value="#{user.surname}" class="form-control"></h:inputText>
				</div>
			</div>

			<div class="form-group">
				<label class="col-md-2 col-lg-2 control-label">User ID:</label>
				<div class="col-md-4 col-lg-4">
					<h:inputText value="#{user.userID}" class="form-control"></h:inputText>
				</div>
			</div>

			<div class="form-group">
				<label class="col-md-2 col-lg-2 control-label">Department:</label>
				<div class="col-md-4 col-lg-4">
					<h:inputText value="#{user.department}" class="form-control"></h:inputText>
				</div>
			</div>

			<div class="form-group">
				<label class="col-md-2 col-lg-2 control-label">City:</label>
				<div class="col-md-4 col-lg-4">
					<h:selectOneMenu value="#{user.country}" class="form-control">
						<f:selectItems value="#{user.countryOptions}"></f:selectItems>
					</h:selectOneMenu>
				</div>
			</div>


			<div class="form-group">
				<label class="col-md-2 col-lg-2 control-label">Known
					programming languages:</label>
				<div class="col-md-4 col-lg-4">
					<h:selectManyCheckbox value="#{user.selectedProgrammingLang}">
						<f:selectItems value="#{user.programmingLang}"></f:selectItems>
					</h:selectManyCheckbox>
				</div>
			</div>

			<div class="form-group">
				<div class="col-sm-offset-2 col-sm-10">
					<h:commandButton value="Add" onclick="#{user.addEmployee()}" action="submitFormGreeting" class="btn btn-default"></h:commandButton>
				</div>

			</div>


		</h:form>

	</ui:define>:

	<ui:define name="tabTitle">Input form</ui:define>
</ui:composition>