<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
                xmlns:c="http://xmlns.jcp.org/jsp/jstl/core"
                template="../../templates/contentViewTemplate4x3.xhtml">

    <ui:define name="middleCenter">
        <h:form id="editExperimentForm">

                <div class="pageTitle">
                    <h1>Edit Experiment</h1>
                </div>

            <p:accordionPanel multiple="true" dynamic="true" cache="true"  >
                <p:tab title="Experiment Properties" id="detailsTab" >

                    <div class="middleCenterLeftContent">
                        <ui:include src="experimentEditPanelGrid.xhtml"/>
                    </div>

                </p:tab>

                <p:tab title="Experiment Users" id="usersTab">                
                    <ui:include src="experimentUsersEditDataTable.xhtml"/>
                </p:tab>
            </p:accordionPanel>
                
                <p/>
                <div class="actionButton">
                    <p:commandButton  action="#{experimentController.update()}" value="Save" alt="Save" icon="ui-icon-check"/>
                    <p:commandButton action="#{experimentController.prepareList()}" immediate="true" value="Return" alt="Return" icon="ui-icon-arrowreturnthick-1-w"/>
                </div>

        <ui:include src="experimentUserRemoveDialog.xhtml" />
         </h:form>
    </ui:define>
</ui:composition>