<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j" template="layout/template.xhtml">
	<ui:define name="body">
		<a4j:form id="listOfMessages">
			<rich:messages style="color:red"></rich:messages>
			<rich:simpleTogglePanel switchType="client" id="search"
				label="Search criteria">
				<h:panelGrid columns="3">

					<s:decorate id="messageTypeDeco" template="/layout/edit.xhtml">
						<ui:define name="label">Message type</ui:define>
						<h:selectOneMenu id="messageTypeBox"
							value="#{messageManagerBean.messageType}">
							<s:selectItems value="#{messageManagerBean.getMessageTypes()}"
								var="cmdField" label="#{cmdField.toString()}" />
						</h:selectOneMenu>
					</s:decorate>
					<s:decorate></s:decorate>
					<s:decorate></s:decorate>

					<s:decorate id="initiatorIPDeco" template="/layout/edit.xhtml">
						<ui:define name="label">Initiator's IP</ui:define>
						<h:inputText id="initiatorIP"
							value="#{messageManagerBean.initiatorIP}" />
					</s:decorate>

					<s:decorate id="initiatorPortDeco" template="/layout/edit.xhtml">
						<ui:define name="label">Initiator's port</ui:define>
						<h:inputText id="initiatorPort"
							value="#{messageManagerBean.initiatorPort}" />
					</s:decorate>
					<s:decorate></s:decorate>

					<s:decorate id="responderIPDeco" template="/layout/edit.xhtml">
						<ui:define name="label">Responder's IP</ui:define>
						<h:inputText id="responderIP"
							value="#{messageManagerBean.responderIP}" />
					</s:decorate>

					<s:decorate id="responderPortDeco" template="/layout/edit.xhtml">
						<ui:define name="label">Responder's port</ui:define>
						<h:inputText id="responderPort"
							value="#{messageManagerBean.responderPort}" />
					</s:decorate>
					<s:decorate></s:decorate>

					<s:decorate id="proxyPortDeco" template="/layout/edit.xhtml">
						<ui:define name="label">Proxy's port</ui:define>
						<h:inputText id="proxyPort"
							value="#{messageManagerBean.proxyPort}" />
					</s:decorate>

					<s:decorate id="channelIdDeco" template="/layout/edit.xhtml">
						<ui:define name="label">Channel id</ui:define>
						<h:inputText id="channelId"
							value="#{messageManagerBean.channelId}" />
					</s:decorate>

					<s:decorate id="proxySideDeco" template="/layout/edit.xhtml">
						<ui:define name="label">Type</ui:define>
						<h:selectOneMenu id="proxySideBox"
							value="#{messageManagerBean.proxySide}">
							<s:selectItems value="#{messageManagerBean.getProxySides()}"
								noSelectionLabel="BOTH" var="cmdField"
								label="#{cmdField.toString()}" />
						</h:selectOneMenu>
					</s:decorate>

					<s:decorate id="dateFromDeco" template="/layout/edit.xhtml">
						<ui:define name="label">Date from</ui:define>
						<rich:calendar value="#{messageManagerBean.dateFrom}" popup="true"
							showApplyButton="true" datePattern="d/M/yy HH:mm"
							cellWidth="24px" cellHeight="22px" style="width:200px">
						</rich:calendar>
					</s:decorate>
					<s:decorate id="dateToDeco" template="/layout/edit.xhtml">
						<ui:define name="label">Date to</ui:define>
						<rich:calendar value="#{messageManagerBean.dateTo}" popup="true"
							showApplyButton="true" datePattern="d/M/yy HH:mm"
							cellWidth="24px" cellHeight="22px" style="width:200px">
						</rich:calendar>
					</s:decorate>
					<s:decorate></s:decorate>
				</h:panelGrid>
				<a4j:commandButton
					actionListener="#{messageManagerBean.clearFilter()}"
					reRender="search,panelOfMessages" value="Reset"
					styleClass="commandButton" />
				<a4j:commandButton reRender="search,panelOfMessages" value="Find"
					styleClass="commandButton" />
			</rich:simpleTogglePanel>

			<rich:spacer height="5" />

			<s:div id="panelOfMessages">
				<h:outputText id="numRes"
					value="#{messageManagerBean.messageCount} messages" />
				<rich:spacer height="10" />
				<s:div style="text-align:center; font-style:italic">
					<h:outputText
						value="Click on the message id to display its content" />
				</s:div>
				<rich:spacer height="10" />
				<rich:datascroller for="messagesGrid" />
				<rich:spacer height="10" />
				<rich:dataTable id="messagesGrid"
					value="#{messageManagerBean.messageDataModel}" var="message"
					rows="20" width="100%">
					<rich:column width="10%">
						<f:facet name="header">
							<h:outputText value="Id" />
						</f:facet>

						<h:commandLink
							action="#{messageManagerBean.redirectToMessage(message)}"
							value="#{message.id}" target="_blank" />
						<h:outputText value=" ("
							rendered="#{messageManagerBean.linkedRendered(message)}" />
						<h:commandLink
							rendered="#{messageManagerBean.linkedRendered(message)}"
							action="#{messageManagerBean.redirectToLinked(message)}"
							value="#{messageManagerBean.linkedLabel(message)}"
							target="_blank" />
						<h:outputText value=")"
							rendered="#{messageManagerBean.linkedRendered(message)}" />

					</rich:column>

					<rich:column width="15%">
						<f:facet name="header">
							<h:outputText value="Date" />
						</f:facet>
						<h:outputText value="#{message.dateReceived}">
							<f:convertDateTime dateStyle="short" type="both" timeZone="GMT+1" />
						</h:outputText>
					</rich:column>

					<rich:column width="15%">
						<f:facet name="header">
							<h:outputText value="From" />
						</f:facet>

						<h:commandLink
							action="#{messageManagerBean.setInitiatorIP(message.fromIP)}"
							value="#{commonManagerBean.getName(message.fromIP)}" />:<h:commandLink
							action="#{messageManagerBean.setInitiatorPort(message.localPort)}"
							value="#{message.localPort}" />

					</rich:column>
					<rich:column width="15%">
						<f:facet name="header">
							<h:outputText value="To" />
						</f:facet>

						<h:commandLink
							action="#{messageManagerBean.setResponderIP(message.toIP)}"
							value="#{commonManagerBean.getName(message.toIP)}" />:<h:commandLink
							action="#{messageManagerBean.setResponderPort(message.remotePort)}"
							value="#{message.remotePort}" />

					</rich:column>

					<rich:column width="10%">
						<f:facet name="header">
							<h:outputText value="Proxy" />
						</f:facet>
						<h:commandLink
							action="#{messageManagerBean.setProxyPort(message.proxyPort)}"
							value="#{message.proxyPort}" />
					</rich:column>

					<rich:column width="10%">
						<f:facet name="header">
							<h:outputText value="Channel Id" />
						</f:facet>

						<h:commandLink
							action="#{messageManagerBean.setChannelId(message.channelId)}"
							value="#{messageManagerBean.formatChannelId(message.channelId)}" />

					</rich:column>

					<rich:column width="10%">
						<f:facet name="header">
							<h:outputText value="Type" />
						</f:facet>

						<h:graphicImage value="/img/request.png"
							rendered="#{message.proxySide.isRequest()}" />
						<h:graphicImage value="/img/response.png"
							rendered="#{not message.proxySide.isRequest()}" />
					</rich:column>

					<rich:column width="15%">
						<f:facet name="header">
							<h:outputText value="Info" />
						</f:facet>
						<h:outputText value="#{message.getInfoGUI()}" />
					</rich:column>

				</rich:dataTable>

			</s:div>
		</a4j:form>
	</ui:define>
</ui:composition>