prs/prs.desktop/Panels/Requisitions/RequisitionPanel.xaml

<UserControl x:Class="PRSDesktop.RequisitionPanel"
             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:local="clr-namespace:PRSDesktop"
             xmlns:syncfusion="http://schemas.syncfusion.com/wpf"
             xmlns:dg="clr-namespace:InABox.DynamicGrid;assembly=InABox.Wpf"
             mc:Ignorable="d"
             d:DesignHeight="800" d:DesignWidth="1500">
    <dg:DynamicSplitPanel 
        AnchorWidth="450" 
        View="Combined" 
        AllowableViews="Combined,Master"
        DetailCaption="Requisition Items"
        x:Name="MainPanel" 
        OnChanged="MainPanel_OnChanged">
        <dg:DynamicSplitPanel.Header>
            <Border 
                BorderBrush="Gray" 
                BorderThickness="0.75"
                Background="WhiteSmoke">
                <Label Content="Requisitions" VerticalContentAlignment="Center"
                   HorizontalContentAlignment="Center"/>
            </Border>
        </dg:DynamicSplitPanel.Header>
        <dg:DynamicSplitPanel.Master>
            <local:RequisitionGrid x:Name="Requisitions" OnSelectItem="Requisitions_OnSelectItem" />
        </dg:DynamicSplitPanel.Master>
        <dg:DynamicSplitPanel.Detail>
            <dg:DynamicSplitPanel 
                View="Combined" 
                Anchor="Detail" 
                AnchorWidth="450" 
                AllowableViews="Combined,Master"
                DetailCaption="Requisition Details"
                x:Name="DetailsPanel" 
                OnChanged="MainPanel_OnChanged">
                <dg:DynamicSplitPanel.Header>
                    <Border 
                        BorderBrush="Gray" 
                        BorderThickness="0.75"
                        Background="WhiteSmoke">
                        <Label 
                            Content="Items"
                            VerticalContentAlignment="Center" HorizontalContentAlignment="Center"/>
                    </Border>
                </dg:DynamicSplitPanel.Header>
                <dg:DynamicSplitPanel.Master>
                    <local:RequisitionItemGrid x:Name="Items" Grid.Row="1" Grid.Column="2" />
                </dg:DynamicSplitPanel.Master>
                <dg:DynamicSplitPanel.DetailHeader>
                    <Border 
                        BorderBrush="Gray" 
                        BorderThickness="0.75"
                        Background="WhiteSmoke">
                        <Label 
                            Content="Requisition Details" 
                            VerticalContentAlignment="Center" 
                            HorizontalContentAlignment="Center" />
                    </Border>
                </dg:DynamicSplitPanel.DetailHeader>
                <dg:DynamicSplitPanel.Detail>
                    
                    <DockPanel>
                        <Border 
                            BorderBrush="DarkGray" 
                            BorderThickness="1" 
                            DockPanel.Dock="Top">
                            
                                <TextBlock 
                                    x:Name="Title" 
                                    Text=" " 
                                    FontSize="16"
                                    FontWeight="Bold" 
                                    TextWrapping="Wrap" 
                                    Padding="5,10,5,10" 
                                    TextAlignment="Center"/>
                            
                        </Border>
                        
                        <Border 
                            BorderBrush="DarkGray" 
                            BorderThickness="1" 
                            DockPanel.Dock="Bottom">
                            <Grid>
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="Auto" />
                                    <RowDefinition Height="Auto" />
                                    <RowDefinition Height="Auto" />
                                    <RowDefinition Height="Auto" />
                                    <RowDefinition Height="Auto" />
                                    <RowDefinition Height="Auto" />
                                </Grid.RowDefinitions>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="Auto" />
                                    <ColumnDefinition Width="*" />
                                </Grid.ColumnDefinitions>
                                
                                <Label Content="Requested By:" Grid.Row="0" Grid.Column="0" FontSize="16" FontWeight="Bold"
                                       HorizontalContentAlignment="Center" Margin="5,5,0,0"  VerticalContentAlignment="Center" />
                                <Button x:Name="RequestedBy" Grid.Row="0" Grid.Column="1" FontSize="16" FontWeight="Bold"
                                        HorizontalContentAlignment="Center" Margin="5,5,5,0" IsEnabled="False" Height="40" />
                                
                                <Label Content="Delivery Due:" Grid.Row="1" Grid.Column="0" FontSize="16" FontWeight="Bold"
                                       HorizontalContentAlignment="Center" Margin="5,5,0,0"  VerticalContentAlignment="Center" />
                                <Button x:Name="DueDate" Grid.Row="1" Grid.Column="1" FontSize="16" FontWeight="Bold"
                                        HorizontalContentAlignment="Center" Margin="5,5,5,0" IsEnabled="False" Height="40" />
                                
                                <Label Content="Destination:" Grid.Row="2" Grid.Column="0" FontSize="16" FontWeight="Bold"
                                       HorizontalContentAlignment="Center" Margin="5,5,0,0"  VerticalContentAlignment="Center" />
                                <Button x:Name="Destination" Grid.Row="2" Grid.Column="1" FontSize="16" FontWeight="Bold"
                                        HorizontalContentAlignment="Center" Margin="5,5,5,0" IsEnabled="False" Height="40" />
                                
                                <Label Content="Pick Status:" Grid.Row="3" Grid.Column="0" FontSize="16" FontWeight="Bold"
                                       HorizontalContentAlignment="Center" Margin="5,5,0,0" VerticalContentAlignment="Center" />
                                <Button x:Name="MarkAsFilled" Grid.Row="3" Grid.Column="1" Click="MarkAsFilled_Click" Margin="5,5,5,0"
                                        Padding="5">
                                    <Button.Content>
                                        <Grid HorizontalAlignment="Stretch">
                                            <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="60" />
                                                <ColumnDefinition Width="*" />
                                            </Grid.ColumnDefinitions>
                                            <Image x:Name="PickImage" Source="pack://application:,,,/Resources/tick.png" Height="30"
                                                   Grid.Column="0" />
                                            <Label x:Name="MarkAsFilledDescription" Content="Mark As Filled" FontSize="16"
                                                   FontWeight="Bold" Grid.Column="1" HorizontalContentAlignment="Center" HorizontalAlignment="Stretch" />
                                        </Grid>
                                    </Button.Content>
                                </Button>

                                <Label Content="Taken By:" Grid.Row="4" Grid.Column="0" FontSize="16" FontWeight="Bold"
                                       HorizontalContentAlignment="Center" Margin="5,5,0,0" VerticalContentAlignment="Center" />
                                <Button x:Name="TakenBy" Grid.Row="4" Grid.Column="1" Click="TakenBy_Click" Margin="5,5,5,0"
                                        Padding="5">
                                    <Button.Content>
                                        <Grid HorizontalAlignment="Stretch">
                                            <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="60" />
                                                <ColumnDefinition Width="*" />
                                            </Grid.ColumnDefinitions>
                                            <Image x:Name="TruckImage" Source="pack://application:,,,/Resources/truck.png" Height="30"
                                                   Grid.Column="0" />
                                            <Label x:Name="TakenByDescription" Content="Select Employee" FontSize="16"
                                                   FontWeight="Bold" Grid.Column="1" HorizontalContentAlignment="Center" HorizontalAlignment="Stretch" />
                                        </Grid>

                                    </Button.Content>
                                </Button>

                                <Label Content="Warehouse:" Grid.Row="5" Grid.Column="0" FontSize="16" FontWeight="Bold"
                                       HorizontalContentAlignment="Center" Margin="5,5,0,5" VerticalContentAlignment="Center" />
                                <Button x:Name="UpdateStock" Grid.Row="5" Grid.Column="1" Click="UpdateStock_Click" Margin="5,5,5,5"
                                        Padding="5">
                                    <Button.Content>
                                        <Grid HorizontalAlignment="Stretch">
                                            <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="60" />
                                                <ColumnDefinition Width="*" />
                                            </Grid.ColumnDefinitions>
                                            <Image x:Name="StockImage" Source="pack://application:,,,/Resources/forklift.png"
                                                   Height="30" Grid.Column="0" />
                                            <Label x:Name="UpdateStockDescription" Content="Update Stock Holdings" FontSize="16"
                                                   FontWeight="Bold" Grid.Column="1" HorizontalContentAlignment="Center" HorizontalAlignment="Stretch" />
                                        </Grid>
                                    </Button.Content>
                                </Button>
                            </Grid>
                        </Border>
                        
                        <Border 
                            BorderBrush="DarkGray" 
                            BorderThickness="1"
                            DockPanel.Dock="Top"
                            Margin="0,2,0,2" >
                                 <TextBlock 
                                     x:Name="Request" 
                                     TextWrapping="Wrap" 
                                     FontSize="16" 
                                     Padding="10,5,5,5" 
                                     Background="LightYellow" />
                        </Border>
        
                        
                        
                    </DockPanel>
                    
 
                </dg:DynamicSplitPanel.Detail>
            </dg:DynamicSplitPanel>
        </dg:DynamicSplitPanel.Detail>
    </dg:DynamicSplitPanel>
</UserControl>