<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'
             xmlns:g='urn:import:com.google.gwt.user.client.ui'
             xmlns:vcs='urn:import:org.rstudio.studio.client.workbench.views.vcs.common'
             xmlns:vcs_diff='urn:import:org.rstudio.studio.client.workbench.views.vcs.common.diff'
             xmlns:rs_widget='urn:import:org.rstudio.core.client.widget'>

   <ui:with field="res" type="org.rstudio.studio.client.workbench.views.vcs.git.dialog.GitReviewPanel.Resources"/>

   <g:SplitLayoutPanel ui:field="splitPanel_" styleName="{res.styles.splitPanel}">
      <g:north size="230">
         <g:DockLayoutPanel>
            <g:north size="28">
               <g:SimplePanel styleName="{res.styles.toolbarWrapper}">
                  <rs_widget:Toolbar ui:field="topToolbar_"/>
               </g:SimplePanel>
            </g:north>
            <g:center>
               <g:SplitLayoutPanel ui:field="splitPanelCommit_" styleName="{res.styles.splitPanelCommit}">
                  <g:east size="400">
                     <g:LayoutPanel>
                        <g:layer left="6px" right="6px" top="4px" height="20px">
                           <g:Label text="Commit message"/>
                        </g:layer>
                        <g:layer left="6px" right="6px" top="20px" bottom="34px">
                           <g:TextArea ui:field="commitMessage_" styleName="{res.styles.commitMessage}"/>
                        </g:layer>
                        <g:layer left="6px" right="6px" bottom="0" height="30px">
                           <g:FlowPanel>
                              <g:CheckBox ui:field="commitIsAmend_" text="Amend previous commit"/>
                              <rs_widget:ThemedButton ui:field="commitButton_"/>
                           </g:FlowPanel>
                        </g:layer>
                     </g:LayoutPanel>
                  </g:east>
                  <g:center>
                     <vcs:ChangelistTable styleName="{res.styles.whitebg}" ui:field="changelist_" width="100%" height="100%"/>
                  </g:center>
               </g:SplitLayoutPanel>
            </g:center>
         </g:DockLayoutPanel>
      </g:north>
      <g:center>
         <g:DockLayoutPanel>
            <g:north size="28">
               <g:HorizontalPanel ui:field="toolbarWrapper_" styleName="{res.styles.toolbarWrapper}">
                  <g:FlowPanel ui:field="diffViewOptions_" styleName="{res.styles.diffViewOptions}">
                     <g:Label text="Show" styleName="{res.styles.stagedLabel}"/>
                     <g:RadioButton ui:field="stagedCheckBox_"
                                    name="ReviewPanelShow"
                                    text="Staged"
                                    styleName="{res.styles.staged}"/>
                     <g:RadioButton ui:field="unstagedCheckBox_"
                                    name="ReviewPanelShow"
                                    text="Unstaged"
                                    checked="true"
                                    styleName="{res.styles.unstaged}"/>
                     <g:Label text="Context" styleName="{res.styles.stagedLabel}"/>
                     <g:ListBox ui:field="contextLines_" visibleItemCount="1" selectedIndex="0">
                        <g:item value="5">5 line</g:item>
                        <g:item value="10">10 line</g:item>
                        <g:item value="25">25 line</g:item>
                        <g:item value="50">50 line</g:item>
                        <g:item value="-1">All lines</g:item>
                     </g:ListBox>
                  </g:FlowPanel>
                  <rs_widget:Toolbar ui:field="diffToolbar_"/>
               </g:HorizontalPanel>
            </g:north>
            <g:center>
               <g:ScrollPanel ui:field="diffScroll_" styleName="{res.styles.whitebg}" width="100%" height="100%">
                  <vcs_diff:LineTableView ui:field="lines_" width="100%"/>
               </g:ScrollPanel>
            </g:center>
         </g:DockLayoutPanel>
      </g:center>
   </g:SplitLayoutPanel>

</ui:UiBinder>