prs/prs.desktop/Panels/Staging/StagingPanel.xaml

<UserControl x:Class="PRSDesktop.StagingPanel"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:dynamicgrid="clr-namespace:InABox.DynamicGrid;assembly=InABox.Wpf"
             xmlns:local="clr-namespace:PRSDesktop"
             xmlns:wpf="clr-namespace:InABox.Wpf;assembly=InABox.Wpf"
             xmlns:sf="http://schemas.syncfusion.com/wpf"
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="800">

    <dynamicgrid:DynamicSplitPanel x:Name="MainPanel" View="Combined" AllowableViews="Combined,Detail" MasterCaption="Staged Documents" AnchorWidth="500" Anchor="Master">

        <dynamicgrid:DynamicSplitPanel.Header>
            <Border BorderBrush="Gray" BorderThickness="0.75" Background="WhiteSmoke">
                <Label Content="Staged Documents"  FontWeight="DemiBold" VerticalContentAlignment="Center" HorizontalContentAlignment="Center" />
            </Border>
        </dynamicgrid:DynamicSplitPanel.Header>
        
        <dynamicgrid:DynamicSplitPanel.Master>
            <Grid x:Name="masterGrid">
                <Grid.RowDefinitions>
                    <RowDefinition Height="*"/>
                </Grid.RowDefinitions>
                <local:StagingSetoutGrid 
                    Grid.Row="0" 
                    x:Name="stagingSetoutGrid" 
                    OnCustomiseSetouts="stagingSetoutGrid_OnCustomiseSetouts" 
                    OnParseComponentFile="stagingSetoutGrid_OnParseComponentFile"
                    OnDoubleClick="StagingSetoutGrid_OnOnDoubleClick"
                    AfterRefresh="stagingSetoutGrid_AfterRefresh"
                    OnRefreshPackets="stagingSetoutGrid_OnRefreshPackets"
                    OnSelectItem="StagingSetoutGrid_OnSelectItem"/>
            </Grid>
        </dynamicgrid:DynamicSplitPanel.Master>
        
        <dynamicgrid:DynamicSplitPanel.Detail>
        
            <dynamicgrid:DynamicSplitPanel x:Name="NestedPanel" View="Master" AllowableViews="Master,Combined" AnchorWidth="500" Anchor="Detail" MasterCaption="Document Viewer" DetailCaption="Manufacturing Packets"
                                           OnChanged="NestedPanel_OnChanged">
                
                <dynamicgrid:DynamicSplitPanel.Header>
                    <Border BorderBrush="Gray" BorderThickness="0.75" Background="WhiteSmoke">
                        <Label Content="Document Viewer" HorizontalAlignment="Center" FontWeight="DemiBold" VerticalContentAlignment="Center"/>
                    </Border>
                </dynamicgrid:DynamicSplitPanel.Header>
                
                <dynamicgrid:DynamicSplitPanel.Master>
                    
                        <Grid Background="WhiteSmoke">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="Auto"/>
                            </Grid.RowDefinitions>

                            <Border BorderBrush="Gray" BorderThickness="0.75" Background="White">
                                <ScrollViewer VerticalScrollBarVisibility="Auto" Background="Whitesmoke">
                                    <ItemsControl x:Name="DocumentViewer" Margin="5">
                                        <ItemsControl.ItemTemplate>
                                            <DataTemplate>
                                                <Border Background="White" BorderBrush="Gray" BorderThickness="0.75" Padding="0" Margin="0,0,0,5">
                                                    <Image Source="{Binding .}" />
                                                </Border>
                                            </DataTemplate>
                                        </ItemsControl.ItemTemplate>
                                    </ItemsControl>
                                </ScrollViewer>
                            </Border>
                            
                            <DockPanel Grid.Row="1" LastChildFill="False" Height="30" Margin="0,2,0,0">
                                <Button DockPanel.Dock="Left"
                                        Content="Mark Up"
                                        Padding="20, 0" Margin="0"
                                        x:Name="MarkUpButton"
                                        BorderBrush="Gray" BorderThickness="0.75" 
                                        Click="MarkUpButton_Click"
                                        IsEnabled="False"/>
                                <Button DockPanel.Dock="Left"
                                        Content="Update Original"
                                        Padding="20, 0" Margin="2,0,0,0"
                                        x:Name="UpdateOriginalButton"
                                        BorderBrush="Gray" BorderThickness="0.75" 
                                        Click="UpdateOriginalButton_Click"
                                        Visibility="Collapsed"/>
                                <Button DockPanel.Dock="Right"
                                        Content="Reject"
                                        Padding="20, 0" Margin="0"
                                        x:Name="RejectButton"
                                        Click="RejectButton_Click"
                                        BorderBrush="Gray" BorderThickness="0.75" 
                                        IsEnabled="False"/>
                                <Button DockPanel.Dock="Right"
                                        Content="Approve"
                                        x:Name="ApproveButton"
                                        Padding="20,0" Margin="0,0,2,0"
                                        BorderBrush="Gray" BorderThickness="0.75" 
                                        Click="ApproveButton_Click"/>
                            </DockPanel>
                        </Grid>

                </dynamicgrid:DynamicSplitPanel.Master>
                
                <dynamicgrid:DynamicSplitPanel.DetailHeader>
                    <DockPanel LastChildFill="True">
                        <Button 
                            x:Name="CollapsePacketsButton" 
                            Click="CollapsePacketsButton_Click"
                            Content="Collapse"
                            IsEnabled="False"
                            DockPanel.Dock="Left"
                            Margin="0,0,2,0" 
                            Width="75"  
                            BorderBrush="Gray" BorderThickness="0.75"/>
                        <Button 
                            x:Name="AddPacketButton" 
                            Click="AddPacketButton_Click"
                            IsEnabled="False"
                            DockPanel.Dock="Right"
                            Margin="2,0,0,0" 
                            BorderBrush="Gray" 
                            BorderThickness="0.75">
                            <Image Source="pack://application:,,,/InABox.Wpf;component/Resources/add.png" Height="20" Width="20"/>
                        </Button>
                        <Border BorderBrush="Gray" BorderThickness="0.75" Background="WhiteSmoke"
                                DockPanel.Dock="Left">
                            <Label Content="Manufacturing Packets" HorizontalAlignment="Center" FontWeight="DemiBold" VerticalContentAlignment="Center"/>
                        </Border>
                    </DockPanel>
                </dynamicgrid:DynamicSplitPanel.DetailHeader>

                <dynamicgrid:DynamicSplitPanel.Detail>
                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="*"/>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="*"/>
                            <RowDefinition Height="Auto"/>
                        </Grid.RowDefinitions>
                        <local:StagingManufacturingPacketList x:Name="ManufacturingPacketList" OnCollapsed="ManufacturingPacketList_OnCollapsed"
                                                              Grid.Row="0" Changed="ManufacturingPacketList_OnChanged"
                                                              Margin="0,0,0,2"/>
                        <sf:SfGridSplitter Grid.Row="1"
                                           Height="4"
                                           HorizontalAlignment="Stretch"
                                           Background="Transparent"
                                           ResizeBehavior="PreviousAndNext"
                                           Template="{StaticResource HorizontalSplitter}"
                                           PreviewStyle="{StaticResource HorizontalSplitterPreview}"/>
                        <local:StagingSetoutComponentGrid x:Name="SetoutComponentGrid"
                                                  Grid.Row="2"
                                                  Margin="0,5,0,0"/>
                        <DockPanel 
                                LastChildFill="False"
                                Grid.Row="3"
                                Margin="0,2,0,0"
                                Height="30">
                            <Button 
                                    DockPanel.Dock="Right"
                                    Content="Process"
                                    x:Name="ProcessButton"
                                    Padding="20,0"
                                    BorderBrush="Gray" BorderThickness="0.75" 
                                    Click="ProcessButton_Click"/>

                            <Border BorderBrush="Gray" BorderThickness="0.75" DockPanel.Dock="Left" Padding="10,0">
                                <StackPanel Orientation="Horizontal" VerticalAlignment="Center">
                                    <Label
                                            Content="Total Time"
                                            HorizontalContentAlignment="Center"
                                            VerticalContentAlignment="Center"
                                            Margin="0"
                                            FontWeight="DemiBold"
                                            Foreground="Gray"
                                            Padding="0"/>
                                    <Label
                                            x:Name="TimeRequired"
                                            HorizontalContentAlignment="Center"
                                            VerticalContentAlignment="Center"
                                            Margin="5,0,0,0"
                                            Foreground="Gray"
                                            Padding="0"/>
                                </StackPanel>
                            </Border>
                            
                            <Button
                                DockPanel.Dock="Left"
                                Content="Distribute"
                                x:Name="Distribute"
                                Margin="5,0,0,0"
                                Padding="20,0"
                                IsEnabled="False"
                                BorderBrush="Gray"
                                BorderThickness="0.75"
                                Click="DistributeProducts_Click" />
                            
                        </DockPanel>
                    </Grid>
                </dynamicgrid:DynamicSplitPanel.Detail>

            </dynamicgrid:DynamicSplitPanel>
            
        </dynamicgrid:DynamicSplitPanel.Detail>
        
    </dynamicgrid:DynamicSplitPanel>

</UserControl>