prs/prs.desktop/Panels/Reservation Management/ReservationManagementHoldingsGrid.xaml

<UserControl x:Class="PRSDesktop.ReservationManagementHoldingsGrid"
             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"
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="800">
    <UserControl.Resources>
        
        <Style x:Key="takeButtonStyle" TargetType="{x:Type Button}">
            <Style.Triggers>
                <DataTrigger Binding="{Binding Path=HasEmployee}" Value="False">
                    <Setter Property="Visibility" Value="Collapsed" />
                </DataTrigger>
            </Style.Triggers>
        </Style>
        
        <DataTemplate x:Key="takePanel" DataType="{x:Type local:ReservationManagementHoldingsModel}">
            
            <Grid>
                
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="100"/>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="50"/>
                    <ColumnDefinition Width="50"/>
                    <ColumnDefinition Width="50"/>
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition Height="40" />
                </Grid.RowDefinitions>
                
                <Border
                    Grid.Column="0"
                    BorderThickness="0,0,0,0.75"
                    BorderBrush="Gray"
                    Background="Transparent"
                    Padding="2">
                    <TextBlock 
                        Text="{Binding JobNumber}" 
                        VerticalAlignment="Center"
                        TextWrapping="NoWrap"
                        TextAlignment="Center"
                        />
                </Border>

                <Border
                    Grid.Column="1"
                    BorderThickness="0.75,0,0,0.75"
                    BorderBrush="Gray"
                    Background="Transparent"
                    Padding="2">
                    <TextBlock 
                        Grid.Column="1" 
                        Text="{Binding JobName}" 
                        VerticalAlignment="Center"
                        TextWrapping="NoWrap" 
                        TextAlignment="Left"
                        />
                </Border>

                <Border
                    Grid.Column="2"
                    BorderThickness="0.75,0,0,0.75"
                    BorderBrush="Gray"
                    Background="Transparent"
                    Padding="2">
                    <Button 
                        x:Name="currentStyle" 
                        Tag="{Binding StockOfCurrentStyle}"
                        Click="Take_Click"
                        Visibility="{Binding Visibility}">
                        <Button.Style>
                            <Style TargetType="Button">
                                <Setter Property="Content" Value=""/>
                                <Setter Property="Template">
                                    <Setter.Value>
                                        <ControlTemplate TargetType="Button">
                                            <Border Background="{TemplateBinding Background}" 
                                                    BorderBrush="{TemplateBinding BorderBrush}"
                                                    BorderThickness="1">
                                                <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
                                            </Border>
                                        </ControlTemplate>
                                    </Setter.Value>
                                </Setter>
                                <Setter Property="Background" Value="Transparent"/>
                                <Setter Property="BorderBrush" Value="Transparent"/>
                                <Style.Triggers>
                                    <DataTrigger Binding="{Binding CurrentStylePositive}" Value="True">
                                        <Setter Property="Content" Value="{Binding UnitsOfCurrentStyle, StringFormat=N0}"/>
                                        <Setter Property="Background" Value="WhiteSmoke"/>
                                        <Setter Property="BorderBrush" Value="#707070"/>
                                    </DataTrigger>
                                    <MultiDataTrigger>
                                        <MultiDataTrigger.Conditions>
                                            <Condition Binding="{Binding CurrentStylePositive}" Value="True"/>
                                            <Condition Binding="{Binding IsMouseOver,RelativeSource={RelativeSource Self}}" Value="True"/>
                                        </MultiDataTrigger.Conditions>
                                        <MultiDataTrigger.Setters>
                                            <Setter Property="Background" Value="LightBlue"/>
                                        </MultiDataTrigger.Setters>
                                    </MultiDataTrigger>
                                </Style.Triggers>
                            </Style>
                        </Button.Style>
                    </Button>
                </Border>

                <Border
                    Grid.Column="3"
                    BorderThickness="0.75,0,0,0.75"
                    BorderBrush="Gray"
                    Background="Transparent"
                    Padding="2">
                    <Button 
                        x:Name="noStyle" 
                        Tag="{Binding StockOfNoStyle}" 
                        Click="Take_Click"
                        Visibility="{Binding Visibility}">
                        <Button.Style>
                            <Style TargetType="Button">
                                <Setter Property="Content" Value=""/>
                                <Setter Property="Template">
                                    <Setter.Value>
                                        <ControlTemplate TargetType="Button">
                                            <Border Background="{TemplateBinding Background}" 
                                                    BorderBrush="{TemplateBinding BorderBrush}"
                                                    BorderThickness="1">
                                                <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"
                                                                  Content="{TemplateBinding Content}"/>
                                            </Border>
                                        </ControlTemplate>
                                    </Setter.Value>
                                </Setter>
                                <Setter Property="Background" Value="Transparent"/>
                                <Setter Property="BorderBrush" Value="Transparent"/>
                                <Style.Triggers>
                                    <DataTrigger Binding="{Binding NoStylePositive}" Value="True">
                                        <Setter Property="Background" Value="WhiteSmoke"/>
                                        <Setter Property="BorderBrush" Value="#707070"/>
                                        <Setter Property="Content" Value="{Binding UnitsOfNoStyle, StringFormat=N0}"/>
                                    </DataTrigger>
                                    <MultiDataTrigger>
                                        <MultiDataTrigger.Conditions>
                                            <Condition Binding="{Binding NoStylePositive}" Value="True"/>
                                            <Condition Binding="{Binding IsMouseOver,RelativeSource={RelativeSource Self}}" Value="True"/>
                                        </MultiDataTrigger.Conditions>
                                        <MultiDataTrigger.Setters>
                                            <Setter Property="Background" Value="LightBlue"/>
                                        </MultiDataTrigger.Setters>
                                    </MultiDataTrigger>
                                </Style.Triggers>
                            </Style>
                        </Button.Style>
                    </Button>
                </Border>

                <Border
                    Grid.Column="4"
                    BorderThickness="0.75,0,0,0.75"
                    BorderBrush="Gray"
                    Background="Transparent"
                    Padding="2">
                    <Button 
                        Grid.Column="4" 
                        x:Name="otherStyle" 
                        Tag="{Binding StockOfOtherStyles}"
                        Click="Take_Click"
                        Visibility="{Binding Visibility}">
                        <Button.Style>
                            <Style TargetType="Button">
                                <Setter Property="Content" Value=""/>
                                <Setter Property="Template">
                                    <Setter.Value>
                                        <ControlTemplate TargetType="Button">
                                            <Border Background="{TemplateBinding Background}" 
                                                    BorderBrush="{TemplateBinding BorderBrush}"
                                                    BorderThickness="1">
                                                <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
                                            </Border>
                                        </ControlTemplate>
                                    </Setter.Value>
                                </Setter>
                                <Setter Property="Background" Value="Transparent"/>
                                <Setter Property="BorderBrush" Value="Transparent"/>
                                <Style.Triggers>
                                    <DataTrigger Binding="{Binding OtherStylesPositive}" Value="True">
                                        <Setter Property="Background" Value="WhiteSmoke"/>
                                        <Setter Property="BorderBrush" Value="#707070"/>
                                        <Setter Property="Content" Value="{Binding UnitsOfOtherStyles, StringFormat=N0}"/>
                                    </DataTrigger>
                                    <MultiDataTrigger>
                                        <MultiDataTrigger.Conditions>
                                            <Condition Binding="{Binding OtherStylesPositive}" Value="True"/>
                                            <Condition Binding="{Binding IsMouseOver,RelativeSource={RelativeSource Self}}" Value="True"/>
                                        </MultiDataTrigger.Conditions>
                                        <MultiDataTrigger.Setters>
                                            <Setter Property="Background" Value="LightBlue"/>
                                        </MultiDataTrigger.Setters>
                                    </MultiDataTrigger>
                                </Style.Triggers>
                            </Style>
                        </Button.Style>
                    </Button>
                </Border>

            </Grid>

        </DataTemplate>

    </UserControl.Resources>

    <Grid Margin="0">
        <Grid.RowDefinitions>
            <RowDefinition Height="auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <Border 
            Grid.Row="0" 
            BorderThickness="0.75" 
            BorderBrush="Gray" 
            Background="WhiteSmoke" 
            Padding="2">
            <StackPanel>
                
                <TextBlock  
                    x:Name="productLbl" 
                    HorizontalAlignment="Center" 
                    Text="Select a Requisition Line to Reserve Stock"
                    VerticalAlignment="Center" 
                    FontWeight="DemiBold" 
                    TextAlignment="Center"
                    Margin="2"/>
                
                <TextBlock  
                    x:Name="styleLbl" 
                    HorizontalAlignment="Center" 
                    TextWrapping="Wrap" 
                    TextAlignment="Center"
                    VerticalAlignment="Center"
                    Margin="2"/>
                
            </StackPanel>
        </Border>

        <Border 
            Grid.Row="1" 
            BorderBrush="Gray" 
            BorderThickness="0.75,0,0.75,0.75" 
            Background="WhiteSmoke">
            
            <ScrollViewer >
                
                <Grid>
                    
                    <Grid.RowDefinitions>
                        <RowDefinition Height="auto"/>
                        <RowDefinition Height="auto"/>
                        <RowDefinition Height="auto"/>
                        <RowDefinition Height="auto"/>
                    </Grid.RowDefinitions>

                    <Grid Grid.Row="0">
                        
                        <Grid.RowDefinitions>
                            <RowDefinition Height="100"/>
                        </Grid.RowDefinitions>
                        
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="25"/>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="50"/>
                            <ColumnDefinition Width="50"/>
                            <ColumnDefinition Width="50"/>
                        </Grid.ColumnDefinitions>

                        <Border 
                            Grid.Column="0" 
                            BorderThickness="0,0,0.75,0.75" 
                            BorderBrush="Gray" 
                            Background="WhiteSmoke" 
                            Margin="0">
                            <TextBlock 
                                HorizontalAlignment="Center" 
                                Text="Status"
                                VerticalAlignment="Center" 
                                TextAlignment="Center" 
                                FontWeight="DemiBold">
                                <TextBlock.LayoutTransform>
                                    <RotateTransform Angle="270"/>
                                </TextBlock.LayoutTransform>
                            </TextBlock>
                        </Border>

                        <Border 
                            Grid.Column="1" 
                            BorderThickness="0,0,0.75,0.75" 
                            BorderBrush="Gray" 
                            Background="WhiteSmoke" 
                            Margin="0">
                            <TextBlock  
                                Text="Job" 
                                HorizontalAlignment="Center" 
                                VerticalAlignment="Center" 
                                FontWeight="DemiBold"/>
                        </Border>

                        <Border 
                            Grid.Column="2" 
                            BorderThickness="0,0,0.75,0.75"  
                            BorderBrush="Gray" 
                            Background="WhiteSmoke" 
                            Margin="0">
                            <TextBlock 
                                x:Name="CurrentStyleText" 
                                HorizontalAlignment="Center" 
                                MaxWidth="150" 
                                Text="Selected Style"
                                TextWrapping="Wrap" 
                                VerticalAlignment="Center"  
                                TextAlignment="Center" 
                                FontWeight="DemiBold">
                                <TextBlock.LayoutTransform>
                                    <RotateTransform Angle="270"/>
                                </TextBlock.LayoutTransform>
                            </TextBlock>
                        </Border>

                        <Border 
                            Grid.Column="3"
                            BorderThickness="0,0,0.75,0.75"  
                            BorderBrush="Gray" 
                            Background="WhiteSmoke" 
                            Margin="0">
                            <TextBlock 
                                x:Name="DefaultOrNoStyleText" 
                                Text="No Style" 
                                MaxWidth="150" 
                                TextAlignment="Center"
                                HorizontalAlignment="Center" 
                                VerticalAlignment="Center"  
                                TextWrapping="Wrap" 
                                FontWeight="DemiBold">
                                <TextBlock.LayoutTransform>
                                    <RotateTransform Angle="270"/>
                                </TextBlock.LayoutTransform>
                            </TextBlock>
                        </Border>

                        <Border
                            Grid.Column="4" 
                            BorderThickness="0,0,0,0.75"  
                            BorderBrush="Gray" 
                            Background="WhiteSmoke" 
                            Margin="0">
                            <TextBlock 
                                Text="Other Styles" 
                                HorizontalAlignment="Center" 
                                TextWrapping="NoWrap"
                                VerticalAlignment="Center" 
                                FontWeight="DemiBold">
                                <TextBlock.LayoutTransform>
                                    <RotateTransform Angle="270"/>
                                </TextBlock.LayoutTransform>
                            </TextBlock>
                        </Border>
                        
                    </Grid>
                    
                    <Grid
                        Grid.Row="1"
                        Background="LightGreen" 
                        MinHeight="80"
                        x:Name="availableTab" 
                        Visibility="Collapsed">
                        
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="25"/>
                            <ColumnDefinition Width="*"/>
                        </Grid.ColumnDefinitions>
                        
                        <Border 
                            Grid.Column="0"
                            BorderThickness="0,0,0.75,0.75"
                            BorderBrush="Gray"
                            Background="Transparent">
                            <TextBlock 
                                Text="Available" 
                                HorizontalAlignment="Center" 
                                VerticalAlignment="Center">
                                <TextBlock.LayoutTransform>
                                    <RotateTransform Angle="270"/>
                                </TextBlock.LayoutTransform>
                            </TextBlock>
                        </Border>
                        
                        <ItemsControl 
                            Grid.Column="1" 
                            x:Name="listViewGreen" 
                            VerticalAlignment="Top"
                            ItemTemplate="{StaticResource takePanel}">
                            <ItemsControl.ItemsPanel>
                                <ItemsPanelTemplate>
                                    <VirtualizingStackPanel Orientation="Vertical"/>
                                </ItemsPanelTemplate>
                            </ItemsControl.ItemsPanel>
                        </ItemsControl>
                        
                    </Grid>
                    
                    <Grid
                        Grid.Row="2"
                        x:Name="reservedTab" 
                        Background="Cornsilk"
                        MinHeight="80"
                        Visibility="Collapsed">
                        
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="25"/>
                            <ColumnDefinition Width="*"/>
                        </Grid.ColumnDefinitions>
                        
                        <Border 
                            Grid.Column="0"
                            BorderThickness="0,0,0.75,0.75"
                            BorderBrush="Gray"
                            Background="Transparent">
                            <TextBlock 
                                Text="Reserved" 
                                HorizontalAlignment="Center" 
                                VerticalAlignment="Center">
                                <TextBlock.LayoutTransform>
                                    <RotateTransform Angle="270"/>
                                </TextBlock.LayoutTransform>
                            </TextBlock>
                        </Border>
                        
                        <ItemsControl 
                            Grid.Column="1" 
                            x:Name="listViewYellow" 
                            VerticalAlignment="Top"
                            ItemTemplate="{StaticResource takePanel}">
                            <ItemsControl.ItemsPanel>
                                <ItemsPanelTemplate>
                                    <VirtualizingStackPanel Orientation="Vertical"/>
                                </ItemsPanelTemplate>
                            </ItemsControl.ItemsPanel>
                        </ItemsControl>
                    </Grid>
                    
                    <Grid
                        Grid.Row="3" 
                        x:Name="requisitionedTab" 
                        Background="LightSalmon"
                        MinHeight="80" 
                        Visibility="Collapsed">
                        
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="25"/>
                            <ColumnDefinition Width="*"/>
                        </Grid.ColumnDefinitions>
                        
                        <Border 
                            Grid.Column="0"
                            BorderThickness="0,0,0.75,0.75"
                            BorderBrush="Gray"
                            Background="Transparent">
                            <TextBlock 
                                Text="Allocated" 
                                HorizontalAlignment="Center" 
                                VerticalAlignment="Center">
                                <TextBlock.LayoutTransform>
                                    <RotateTransform Angle="270"/>
                                </TextBlock.LayoutTransform>
                            </TextBlock>
                        </Border>
                        
                        <ItemsControl 
                            Grid.Column="1" 
                            x:Name="listViewRed" 
                            VerticalAlignment="Top"
                            ItemTemplate="{StaticResource takePanel}">
                            <ItemsControl.ItemsPanel>
                                <ItemsPanelTemplate>
                                    <VirtualizingStackPanel Orientation="Vertical"/>
                                </ItemsPanelTemplate>
                            </ItemsControl.ItemsPanel>
                        </ItemsControl>
                        
                    </Grid>
                    
                </Grid>

            </ScrollViewer>
            
        </Border>   
    </Grid>



</UserControl>