<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">

	<s:div>
	#{dataTableStateHolder.setDescendingOn('id')}
	<a4j:form>
			<rich:dataTable id="messagesList" value="#{guiManager.dataModel}"
				var="certificate" rows="20" reRender="datascroller"
				onRowMouseOver="this.style.backgroundColor='#94C2E6';"
				onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}';">

				<rich:column sortBy="#{'id'}"
					sortOrder="#{dataTableStateHolder.sortOrders['id']}">
					<f:facet name="header">
						<h:outputText value="#{net.ihe.gazelle.atna.Certificate} #{messages['net.ihe.gazelle.proxy.Id']}" />
					</f:facet>
					<h:outputText value="#{certificate.id}" />
				</rich:column>

				<rich:column sortBy="#{'subject'}"
					sortOrder="#{dataTableStateHolder.sortOrders['subject']}"
					filterBy="#{'subject'}" filterEvent="onkeyup">
					<f:facet name="header">
						<h:outputText
							value="#{messages['net.ihe.gazelle.atna.Subject_2']}" />
					</f:facet>
					<a4j:htmlCommandLink
						action="#{certView.redirectToCert(certificate.id)}"
						value="#{certificate.subject}" target="_blank" />
				</rich:column>

				<rich:column sortBy="#{'request.requesterUsername'}"
					sortOrder="#{dataTableStateHolder.sortOrders['request.requesterUsername']}"
					filterBy="#{'request.requesterUsername'}" filterEvent="onkeyup">
					<f:facet name="header">
						<h:outputText
							value="#{messages['net.ihe.gazelle.atna.Requester']}" />
					</f:facet>
					<h:outputText value="#{certificate.request.requesterUsername}"
						rendered="#{not empty certificate.request}" />
					<h:outputText value="#{messages['net.ihe.gazelle.atna.None']}"
						rendered="#{empty certificate.request or empty certificate.request.requesterUsername}" />
				</rich:column>

				<rich:column sortBy="#{'certificateAuthority.subject'}"
					sortOrder="#{dataTableStateHolder.sortOrders['certificateAuthority.subject']}"
					filterBy="#{'certificateAuthority.subject'}" filterEvent="onkeyup">
					<f:facet name="header">
						<h:outputText
							value="#{messages['net.ihe.gazelle.atna.CASubject']}" />
					</f:facet>
					<a4j:htmlCommandLink
						value="#{certificate.certificateAuthority.subject}"
						rendered="#{certificate.certificateAuthority != null}"
						action="#{certView.redirectToCert(certificate.certificateAuthority.id)}"
						target="_blank" />
					<h:outputText value="#{messages['net.ihe.gazelle.atna.None']}"
						rendered="#{certificate.certificateAuthority == null}" />
				</rich:column>

				<rich:column sortBy="#{'request.certificateExtension'}">
					<f:facet name="header">
						<h:outputText value="#{messages['net.ihe.gazelle.proxy.Type']}" />
					</f:facet>
					<h:outputText
						value="#{certificate.request.certificateExtension.getFriendlyName()}"
						rendered="#{certificate.request != null}" />
					<h:outputText value="#{messages['net.ihe.gazelle.atna.Unknown']}"
						rendered="#{certificate.request == null}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">#{messages['net.ihe.gazelle.atna.Actions']}</f:facet>
					<a4j:htmlCommandLink
						action="#{guiManager.downloadCertPEM(certificate.id)}">
						<h:graphicImage value="/img/downloadPEM.gif" width="26px" height="26px"
							title="#{messages['net.ihe.gazelle.atna.PEM']}" style="cursor:pointer;"/>
					</a4j:htmlCommandLink>
					<rich:spacer width="10px"/>
					<a4j:htmlCommandLink
						action="#{guiManager.downloadCertDER(certificate.id)}">
						<h:graphicImage value="/img/downloadDER.gif" width="26px" height="26px"
							title="#{messages['net.ihe.gazelle.atna.DownloadDER']}" style="cursor:pointer;"/>
					</a4j:htmlCommandLink>
					<rich:spacer width="10px"/>
					<h:graphicImage value="/img/delete.gif" width="26px" height="26px"
						id="delImage" title="#{messages['net.ihe.gazelle.atna.Delete']}">
						<a4j:support event="onclick" for="delImage"
							actionListener="#{guiManager.setCertificateToDelete(certificate.id)}"
							oncomplete="Richfaces.showModalPanel('deletePanel');" />
					</h:graphicImage>
				</rich:column>
				<f:facet name="footer">
					<rich:datascroller id="datascroller" />
				</f:facet>
			</rich:dataTable>
		</a4j:form>
		<rich:modalPanel id="deletePanel" width="350" height="100">
			<f:facet name="header">
				<h:panelGroup>
					<h:outputText
						value="#{messages['net.ihe.gazelle.atna.DeleteCertificate']}" />
				</h:panelGroup>
			</f:facet>
			<h:form>
				<h:panelGrid columns="2">
					<a4j:commandButton
						oncomplete="Richfaces.hideModalPanel('deletePanel');"
						actionListener="#{guiManager.setCertificateToDelete(null)}"
						value="#{messages['net.ihe.gazelle.atna.Cancel']}" />
					<a4j:commandButton actionListener="#{guiManager.deleteCertificateReal()}"
						value="#{messages['net.ihe.gazelle.atna.DeleteCertificate_2']}"
						oncomplete="Richfaces.hideModalPanel('deletePanel')" 
						reRender="messagesList"/>
				</h:panelGrid>
			</h:form>
		</rich:modalPanel>
	</s:div>

</ui:composition>