--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/src/main/webapp/home/searchPage.xhtml	Tue Mar 10 14:50:41 2015 +0100
@@ -0,0 +1,99 @@
+<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:c="http://java.sun.com/jsp/jstl/core"
+	xmlns:ace="http://www.icefaces.org/icefaces/components"
+	xmlns:ice="http://www.icesoft.com/icefaces/component"
+	xmlns:icecore="http://www.icefaces.org/icefaces/core"
+	xmlns:ui="http://java.sun.com/jsf/facelets"
+	xmlns:cl="http://java.sun.com/jsf/composite/jsf/cl"
+	template="../templates/publicTemplate.xhtml">
+	
+	<ui:define name="content">
+	
+			<ice:form styleClass="content">
+			
+				<ice:outputLabel value="Search" styleClass="subTitle"/>
+					
+					<h:panelGrid columns="2" style="width: 300px; margin-left: auto;margin-right: auto;">
+						
+							<ace:autoCompleteEntry
+								id="searchTextInput"
+								value="#{sessionBean.searchPage.term}"
+								textChangeListener="#{sessionBean.searchPage.changeSectionName}" style="width: 300px;"
+								valueChangeListener="#{sessionBean.searchPage.changeSectionSearch}">
+								 <f:selectItems value="#{sessionBean.searchPage.sectionSuggestion}"/>
+							</ace:autoCompleteEntry>
+							
+						<h:commandButton 
+							value="Search"
+							title="Search Submit" 
+							actionListener="#{sessionBean.searchPage.listenerSearch}"
+							image="#{appBean.searchImage}"/>
+					</h:panelGrid>
+					
+					<h:outputLabel value="#{sessionBean.searchPage.message}"/>
+					
+					<h:panelGrid columns="1" rendered="#{!empty sessionBean.searchPage.sectionList}" style="width: 90%; margin-left: auto;margin-right: auto;">
+						<ace:dataTable var="section" value="#{sessionBean.searchPage.sectionList}">
+							 <ace:column headerText="Book Id">
+							 	<h:outputText value="#{section.book.id}"/>
+							 </ace:column>
+							 <ace:column headerText="Book Name">
+							 	<h:outputText value="#{section.book.name}"/>
+							 </ace:column>
+							 <ace:column headerText="Section Id">
+							 	<h:outputText value="#{section.id}"/>
+							 </ace:column>
+							 <ace:column headerText="Section Name">
+							 	<h:outputText value="#{section.name}"/>
+							 </ace:column>
+							 <ace:column headerText="Volume">
+							 	<h:outputText value="#{section.book.volume}"/>
+							 </ace:column>
+							 <ace:column headerText="Period">
+							 	<h:outputText value="#{section.book.period}"/>
+							 </ace:column>
+							 <ace:column headerText="Author">
+							 	<h:outputText value="#{section.book.author}"/>
+							 </ace:column>
+							 <ace:column headerText="Edition">
+							 	<h:outputText value="#{section.book.edition}"/>
+							 </ace:column>
+							 <ace:column headerText="Create Branch">
+							 	<h:commandButton 
+							 		value="Create Branch in Extraction Interface"
+							 		title="Create Branch in Extraction Interface" 
+							 		onclick="sectionInExtractionInterface(#{section.id}, '#{section.name}', #{section.book.id}, '#{section.book.name}', #{sessionBean.user.id}, '#{appBean.extractionInterfaceUrl}');"
+							 		image="#{appBean.newBranchImage}"/>
+							 </ace:column>								 
+							 <ace:column headerText="Existing Branches">
+							 	<ace:dataTable value="#{section.branches}" var="branch" rendered="#{!empty 	section.branches}">
+							 		<ace:column>
+							 			<h:outputLabel value="[#{branch.id}] #{branch.label}"/>
+							 		</ace:column>
+							 		<ace:column>
+							 			<h:commandButton value="Edit Branch in Extraction Interface" 
+											onclick="branchInExtractionInterface(#{branch.id}, #{branch.currentLastFileId}, #{branch.sectionId}, '#{branch.sectionName}', #{branch.book.id}, '#{branch.book.name}', #{sessionBean.user.id}, '#{appBean.extractionInterfaceUrl}');"
+											image="#{appBean.editBranchImage}" title="Edit Branch in Extraction Interface"
+											styleClass="iconLink"/>
+										<h:outputLink 
+											title="Manage Branch"
+											value="#{appBean.rootServer}/home/branchEditor.xhtml?branchId=#{branch.id}"
+											styleClass="iconLink">
+											<h:graphicImage value="#{appBean.branchDetailsImage}"/>
+										</h:outputLink>
+							 		</ace:column>
+							 	</ace:dataTable>
+							 </ace:column>
+						</ace:dataTable>
+					</h:panelGrid>
+					
+				
+			</ice:form>
+			
+	</ui:define>
+	
+		
+	
+</ui:composition>
\ No newline at end of file