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"
             mc:Ignorable="d"
             d:DesignHeight="800" d:DesignWidth="1500">
    <Grid x:Name="Grid">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="450" />
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="450" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="32" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>


        <local:RequisitionGrid x:Name="Requisitions" Grid.Row="0" Grid.Column="0" Grid.RowSpan="2"
                               OnSelectItem="Requisitions_OnSelectItem" />

        <syncfusion:SfGridSplitter Grid.Row="0" Grid.Column="1" Grid.RowSpan="2" Name="Splitter"
                                   VerticalAlignment="Stretch" ResizeBehavior="PreviousAndNext" Width="Auto"
                                   Background="WhiteSmoke" />
       
        <Border Grid.Row="0" Grid.Column="2" Margin="0,0,0,2" BorderBrush="Gray" BorderThickness="0.75"
                CornerRadius="5,5,0,0" Background="WhiteSmoke">
            <Label Content="Requested Items" VerticalContentAlignment="Center"
                   HorizontalContentAlignment="Center" />
        </Border>
        <local:RequisitionItemGrid x:Name="UnPickedItems" Grid.Row="1" Grid.Column="2" />

        <Grid Grid.Row="1" Grid.Column="3" HorizontalAlignment="Center" VerticalAlignment="Center">
            <Grid.RowDefinitions>
                <RowDefinition Height="auto"/>
                <RowDefinition Height="auto"/>
                <RowDefinition Height="500"/>
            </Grid.RowDefinitions>
            <Button Grid.Row="0" Margin="2,2,2,5" Click="PickItems_Click">
                <Image Source="pack://application:,,,/Resources/rightarrow.png"/>
            </Button>
            <Button Grid.Row="1" Margin="2,5,2,2" Click="UnPickItems_Click">
                <Image Source="pack://application:,,,/Resources/leftarrow.png"/>
            </Button>
               
        </Grid>

        <Border Grid.Row="0" Grid.Column="4" Margin="0,0,0,2" BorderBrush="Gray" BorderThickness="0.75"
                CornerRadius="5,5,0,0" Background="WhiteSmoke">
            <Label Content="Picked Items" VerticalContentAlignment="Center"
                   HorizontalContentAlignment="Center"/>
        </Border>
        <local:RequisitionItemGrid x:Name="Items" Grid.Row="1" Grid.Column="4" />


        <Border Grid.Row="0" Grid.Column="5" Margin="4,0,0,2" BorderBrush="Gray" BorderThickness="0.75"
                CornerRadius="5,5,0,0" Background="WhiteSmoke">
            <Label Content="Requisition Details" VerticalContentAlignment="Center" HorizontalContentAlignment="Center" />
        </Border>

        <Border BorderBrush="DarkGray" BorderThickness="1" Grid.Column="5" Grid.Row="1" Margin="4,0,0,2"
                Padding="0,0,0,5">
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="1" />
                    <RowDefinition Height="*" />
                    <RowDefinition Height="1" />
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="Auto" />
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="120" />
                    <ColumnDefinition Width="*" />
                </Grid.ColumnDefinitions>

                <TextBlock x:Name="Title" Text=" " Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2" FontSize="16"
                           FontWeight="Bold" TextWrapping="Wrap" Margin="5,5,5,5" Padding="5,0,0,0" MinHeight="40" />
                <Label Content="Requested By:" Grid.Row="1" Grid.Column="0" FontSize="16" FontWeight="Bold"
                       HorizontalContentAlignment="Left" Margin="5,5,0,0" />
                <Label x:Name="RequestedBy" Grid.Row="1" Grid.Column="1" FontSize="16" FontWeight="Bold"
                       HorizontalContentAlignment="Left" Margin="5,5,0,0" />
                <Label Content="Delivery Due:" Grid.Row="2" Grid.Column="0" FontSize="16" FontWeight="Bold"
                       HorizontalContentAlignment="Left" Margin="5,5,0,5" />
                <Label x:Name="DueDate" Grid.Row="2" Grid.Column="1" FontSize="16" FontWeight="Bold"
                       HorizontalContentAlignment="Left" Margin="5,5,0,5" />


                <Border BorderBrush="DarkGray" BorderThickness="1" Grid.Row="3" Grid.Column="0" Grid.ColumnSpan="2" />

                <TextBlock x:Name="Request" Grid.Row="4" TextWrapping="Wrap" FontSize="16" Grid.Column="0"
                           Grid.ColumnSpan="2" Padding="10,5,5,5" Background="LightYellow" />

                <Border BorderBrush="DarkGray" BorderThickness="1" Grid.Row="5" Grid.Column="0" Grid.ColumnSpan="2" />

                <Label Content="Pick Status:" Grid.Row="6" Grid.Column="0" FontSize="16" FontWeight="Bold"
                       HorizontalContentAlignment="Center" Margin="5,5,0,0" VerticalContentAlignment="Center" />
                <Button x:Name="MarkAsFilled" Grid.Row="6" Grid.Column="1" Click="MarkAsFilled_Click" Margin="5,5,5,0"
                        Padding="5">
                    <Button.Content>
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="60" />
                                <ColumnDefinition Width="250" />
                            </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" />
                        </Grid>
                    </Button.Content>
                </Button>

                <Label Content="Taken By:" Grid.Row="7" Grid.Column="0" FontSize="16" FontWeight="Bold"
                       HorizontalContentAlignment="Center" Margin="5,5,0,0" VerticalContentAlignment="Center" />
                <Button x:Name="TakenBy" Grid.Row="7" Grid.Column="1" Click="TakenBy_Click" Margin="5,5,5,0"
                        Padding="5">
                    <Button.Content>
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="60" />
                                <ColumnDefinition Width="250" />
                            </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" />
                        </Grid>

                    </Button.Content>
                </Button>

                <Label Content="Warehouse:" Grid.Row="8" Grid.Column="0" FontSize="16" FontWeight="Bold"
                       HorizontalContentAlignment="Center" Margin="5,5,0,0" VerticalContentAlignment="Center" />
                <Button x:Name="UpdateStock" Grid.Row="8" Grid.Column="1" Click="UpdateStock_Click" Margin="5,5,5,0"
                        Padding="5">
                    <Button.Content>
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="60" />
                                <ColumnDefinition Width="250" />
                            </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" />
                        </Grid>
                    </Button.Content>
                </Button>


            </Grid>

        </Border>


    </Grid>
</UserControl>