<uix:borderLayout>
  <uix:left>
    <uix:stackLayout>
      <uix:rowLayout>
        <uix:messageChoice
          name="chartType"
          promptBinding="CHART_TYPE@workloadBundle@servletRequest"
          shortDescBinding="CHART_TYPE@workloadBundle@servletRequest"
          selectedValueBinding="chartType@replayStatisticsComparisonBean@servletRequest"
          readOnlyBinding="chartTypeSelectionReadOnly@replayStatisticsComparisonBean@servletRequest"
          onChange="submitForm('form', true, {event:'callback',source:'replayStatisticsComparisonUIDataSource'})">
          <uix:contents
            childDataBinding="chartTypes@replayStatisticsComparisonBean@servletRequest">
            <uix:option
              textBinding="textKey"
              valueBinding="valueKey"
              shortDescBinding="textKey"/>
          </uix:contents>
        </uix:messageChoice>
        <uix:switcher
          childNameBinding="userCallChartRendered@replayStatisticsComparisonBean@servletRequest">
          <uix:case name="true">
            <uix:rowLayout
              vAlign="middle"
              renderedBinding="userCallDataImportNeeded@replayStatisticsComparisonBean@servletRequest">
              <uix:spacer width="15"/>
              <uix:submitButton
                textBinding="IMPORT_USER_CALL_DATA@workloadBundle@servletRequest"
                shortDescBinding="IMPORT_USER_CALL_DATA@workloadBundle@servletRequest"
                name="event"
                value="importUserCall"/>
            </uix:rowLayout>
          </uix:case>
        </uix:switcher>
      </uix:rowLayout>

      <oem:chart
        renderedBinding="elapsedTimeChartRendered@replayStatisticsComparisonBean@servletRequest"
        titleBinding="ELAPSED_TIME_COMPARISON@workloadBundle@servletRequest"
        shortDescBinding="ELAPSED_TIME_COMPARISON@workloadBundle@servletRequest"
        titleVisible="false"
        chartType="barChart"
        width="600"
        height="160"
        barWidth="30"
        stacked="true"
        xAxisLabelBinding="XAxisLabel@replayStatisticsComparisonBean@servletRequest"
        orientation="horizontal"
        legendVisible="true"
        externalLegendOrientation="vertical"
        legendPosition="east">
        <uix:contents>
          <oem:boundChartDataSource 
            chartDataSourceBinding="chartDataSource@replayStatisticsComparisonBean@servletRequest"/>
          <oem:imageMap
            imageMapDataSourceBinding="chartImageMapDataSource@replayStatisticsComparisonBean@servletRequest"/>
          <oem:chartColumn
            isKey="true"
            sourceIndex="0"/>
          <oem:chartColumn
            displayLabelBinding="REPLAY_ELAPSED@workloadBundle@servletRequest"
            sourceIndex="1"
            itemColor="#23ED00"/>
          <oem:chartColumn
            displayLabelBinding="CAPTURE_ELAPSED@workloadBundle@servletRequest"
            sourceIndex="2"
            itemColor="blue"/>
          <oem:chartColumn
            displayLabelBinding="NOT_YET_REPLAYED@workloadBundle@servletRequest"
            sourceIndex="3"
            itemColor="gray"/>
        </uix:contents>
      </oem:chart>

      <uix:stackLayout
        renderedBinding="userCallChartRendered@replayStatisticsComparisonBean@servletRequest">
        <uix:stackLayout
          renderedBinding="userCallDataExportNeeded@replayStatisticsComparisonBean@servletRequest">
          <uix:spacer height="5"/>
          <uix:tip
            textBinding="userCallDataExportMessage@replayStatisticsComparisonBean@servletRequest"/>
        </uix:stackLayout>
        <uix:stackLayout
          renderedBinding="userCallDataImportNeeded@replayStatisticsComparisonBean@servletRequest">
          <uix:spacer height="5"/>
          <uix:tip
            textBinding="USER_CALL_DATA_IMPORT_NEEDED@workloadBundle@servletRequest"/>
        </uix:stackLayout>

        <oem:chart
          titleBinding="USER_CALL_PROGRESS@workloadBundle@servletRequest"
          shortDescBinding="USER_CALL_PROGRESS@workloadBundle@servletRequest"
          titleVisible="false"
          chartType="lineChart"
          format="svg"
          width="600"
          height="160"
          svgHighlightLegend="true"
          xAxisLabelBinding="XAxisLabel@replayStatisticsComparisonBean@servletRequest"
          xAxisMin="0.0"
          xAxisMaxBinding="XAxisMax@replayStatisticsComparisonBean@servletRequest"
          yAxisLabelBinding="YAxisLabel@replayStatisticsComparisonBean@servletRequest"
          yAxisWidth="30"
          axisMin="0"
          axisMaxBinding="YAxisMax@replayStatisticsComparisonBean@servletRequest"
          legendVisible="true"
          externalLegendOrientation="vertical"
          legendPosition="east"
          noDataMessageBinding="noChartDataMessage@replayStatisticsComparisonBean@servletRequest">
          <uix:contents>
            <oem:boundChartDataSource 
              chartDataSourceBinding="chartDataSource@replayStatisticsComparisonBean@servletRequest"/>
            <oem:chartColumn
              isKey="true"
              sourceIndex="0"/>
            <%-- control label order in the legend --%>
            <oem:chartColumn                                   
              displayLabelBinding="REPLAY@workloadBundle@servletRequest"
              sourceIndex="2"
              itemColor="#23ED00"/>
            <oem:chartColumn
              displayLabelBinding="CAPTURE@workloadBundle@servletRequest"
              sourceIndex="1"
              itemColor="blue"/>
          </uix:contents>
        </oem:chart>
      </uix:stackLayout>

      <uix:spacer height="5"/>

      <uix:rowLayout width="75%">
        <uix:cellFormat>
          <uix:labeledFieldLayout>
            <uix:messageStyledText
              promptBinding="NETWORK_TIME@defaultBundle@servletRequest"
              shortDescBinding="NETWORK_TIME@defaultBundle@servletRequest"
              textBinding="networkTimeFormatted@replayedWorkloadBean@servletRequest"
              styleClass="OraDataText"/>
    
            <uix:messageStyledText
              promptBinding="THINK_TIME@defaultBundle@servletRequest"
              shortDescBinding="THINK_TIME@defaultBundle@servletRequest"
              textBinding="thinkTimeFormatted@replayedWorkloadBean@servletRequest"
              styleClass="OraDataText"/>
          </uix:labeledFieldLayout>
        </uix:cellFormat>
    
        <uix:cellFormat>
          <uix:labeledFieldLayout>
            <uix:messageStyledText
              promptBinding="CLIENTS@defaultBundle@servletRequest"
              shortDescBinding="CLIENTS@defaultBundle@servletRequest"
              textBinding="numClientsFormatted@replayedWorkloadBean@servletRequest"
              styleClass="OraDataText"/>
    
            <uix:messageStyledText
              promptBinding="CLIENTS_FINISHED@defaultBundle@servletRequest"
              shortDescBinding="CLIENTS_FINISHED@defaultBundle@servletRequest"
              textBinding="numClientsDoneFormatted@replayedWorkloadBean@servletRequest"
              styleClass="OraDataText"/>
          </uix:labeledFieldLayout>
        </uix:cellFormat>
      </uix:rowLayout>

      <uix:rowLayout width="90%">
        <%@ include file="/database/workload/replayDivergence.jspf" %>
      </uix:rowLayout>
    
      <uix:rowLayout width="90%">
        <uix:hideShowHeader
          id="replayDetailedComparison"
          partialRenderMode="self"
          formSubmitted="true"
          disclosedBinding="showReplayDetailedComparison@defaultBean@servletRequest"
          textBinding="DETAILED_COMPARISON@workloadBundle@servletRequest">
        
          <%@ include file="/database/workload/replayDetailedComparison.jspf" %>
        </uix:hideShowHeader>
      </uix:rowLayout>
      
      <uix:rowLayout
        vAlign="bottom"
        renderedBinding="replayActive@defaultBean@servletRequest">
        <uix:stackLayout>
          <uix:spacer height="10"/>
          <uix:tip
            textBinding="PROMPT_STATS_COLLECTION_TIME@workloadBundle@servletRequest"/>
        </uix:stackLayout>
      </uix:rowLayout>
      
      <uix:spacer height="10"/>

    </uix:stackLayout>
  </uix:left>

  <uix:right>
    <uix:rowLayout hAlign="right">
      <uix:stackLayout>
        <uix:contentContainer
          textBinding="ASSESSING_REPLAY@defaultBundle@servletRequest"
          width="300">
          <uix:stackLayout
            renderedBinding="elapsedTimeChartRendered@replayStatisticsComparisonBean@servletRequest">
            <uix:styledText
              textBinding="ELAPSED_TIME_CHART_OVERVIEW@defaultBundle@servletRequest"
              styleClass="OraInstructionText"/>
            <uix:spacer height="10"/>
            <uix:styledText
              textBinding="ELAPSED_TIME_CHART_EXPLAINED@defaultBundle@servletRequest"
              styleClass="OraInstructionText"/>
          </uix:stackLayout>
          <uix:stackLayout
            renderedBinding="userCallChartRendered@replayStatisticsComparisonBean@servletRequest">
            <uix:styledText
              textBinding="USER_CALL_CHART_OVERVIEW@defaultBundle@servletRequest"
              styleClass="OraInstructionText"/>
            <uix:spacer height="10"/>
            <uix:styledText
              textBinding="USER_CALL_CHART_EXPLAINED@defaultBundle@servletRequest"
              styleClass="OraInstructionText"/>
          </uix:stackLayout>
          <uix:spacer height="10"/>
          <uix:styledText
            textBinding="DIVERGENCE_TABLE_EXPLAINED@defaultBundle@servletRequest"
            styleClass="OraInstructionText"/>
        </uix:contentContainer>

        <uix:spacer height="15"/>

        <uix:rowLayout hAlign="right">
          <uix:button
            textBinding="VIEW_REPLAY_REPORT@workloadBundle@servletRequest"
            shortDescBinding="VIEW_REPLAY_REPORT@workloadBundle@servletRequest"
            onClickBinding="viewReplayReportDest@defaultBean@servletRequest"/>
        </uix:rowLayout>
      </uix:stackLayout>
    </uix:rowLayout>

  </uix:right>
</uix:borderLayout>