<?xml version="1.0" encoding="utf-8"?>
<UserControl x:Class="DockingSamples.BlendLookPage" mc:Ignorable="d" d:DesignHeight="300" d:DesignWidth="300" 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:c1="http://schemas.componentone.com/winfx/2006/xaml" xmlns:local="clr-namespace:DockingSamples.BlendLook">
    <UserControl.Resources>
        <Color x:Key="FocusColor">#FF949494</Color>
        <SolidColorBrush x:Key="FocusColorBrush" Color="{StaticResource FocusColor}" />

        <Style x:Key="PreviewStyle" TargetType="c1:C1DockPreview">
            <Setter Property="BorderBrush" Value="#6495ED" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="c1:C1DockPreview">
                        <Grid>
                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="PreviewStates">
                                    <VisualState x:Name="PreviewNone" />
                                    <VisualState x:Name="PreviewLeft">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PreviewLeftElement" Storyboard.TargetProperty="Visibility" Duration="0">
                                                <DiscreteObjectKeyFrame KeyTime="00:00:00">
                                                    <DiscreteObjectKeyFrame.Value>
                                                        <Visibility>Visible</Visibility>
                                                    </DiscreteObjectKeyFrame.Value>
                                                </DiscreteObjectKeyFrame>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="PreviewTop">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PreviewTopElement" Storyboard.TargetProperty="Visibility" Duration="0">
                                                <DiscreteObjectKeyFrame KeyTime="00:00:00">
                                                    <DiscreteObjectKeyFrame.Value>
                                                        <Visibility>Visible</Visibility>
                                                    </DiscreteObjectKeyFrame.Value>
                                                </DiscreteObjectKeyFrame>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="PreviewRight">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PreviewRightElement" Storyboard.TargetProperty="Visibility" Duration="0">
                                                <DiscreteObjectKeyFrame KeyTime="00:00:00">
                                                    <DiscreteObjectKeyFrame.Value>
                                                        <Visibility>Visible</Visibility>
                                                    </DiscreteObjectKeyFrame.Value>
                                                </DiscreteObjectKeyFrame>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="PreviewBottom">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PreviewBottomElement" Storyboard.TargetProperty="Visibility" Duration="0">
                                                <DiscreteObjectKeyFrame KeyTime="00:00:00">
                                                    <DiscreteObjectKeyFrame.Value>
                                                        <Visibility>Visible</Visibility>
                                                    </DiscreteObjectKeyFrame.Value>
                                                </DiscreteObjectKeyFrame>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="PreviewOver">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PreviewOverElement" Storyboard.TargetProperty="Visibility" Duration="0">
                                                <DiscreteObjectKeyFrame KeyTime="00:00:00">
                                                    <DiscreteObjectKeyFrame.Value>
                                                        <Visibility>Visible</Visibility>
                                                    </DiscreteObjectKeyFrame.Value>
                                                </DiscreteObjectKeyFrame>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                            </VisualStateManager.VisualStateGroups>
                            <Grid x:Name="PreviewLeftElement" Visibility="Collapsed">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="2*" />
                                    <ColumnDefinition Width="3*" />
                                </Grid.ColumnDefinitions>
                                <Border Grid.Column="0" BorderThickness="2 0 0 0" BorderBrush="{TemplateBinding BorderBrush}">
                                    <Rectangle Opacity="0.5" Fill="{StaticResource FocusColorBrush}" />
                                </Border>
                            </Grid>
                            <Grid x:Name="PreviewTopElement" Visibility="Collapsed">
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="2*" />
                                    <RowDefinition Height="3*" />
                                </Grid.RowDefinitions>
                                <Border Grid.Column="0" BorderThickness="0 2 0 0" BorderBrush="{TemplateBinding BorderBrush}">
                                    <Rectangle Opacity="0.5" Fill="{StaticResource FocusColorBrush}" />
                                </Border>
                            </Grid>
                            <Grid x:Name="PreviewRightElement" Visibility="Collapsed">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="3*" />
                                    <ColumnDefinition Width="2*" />
                                </Grid.ColumnDefinitions>
                                <Border Grid.Column="1" BorderThickness="0 0 2 0" BorderBrush="{TemplateBinding BorderBrush}">
                                    <Rectangle Opacity="0.5" Fill="{StaticResource FocusColorBrush}" />
                                </Border>
                            </Grid>
                            <Grid x:Name="PreviewBottomElement" Visibility="Collapsed">
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="3*" />
                                    <RowDefinition Height="2*" />
                                </Grid.RowDefinitions>
                                <Border Grid.Row="1" BorderThickness="0 0 0 2" BorderBrush="{TemplateBinding BorderBrush}">
                                    <Rectangle Opacity="0.5" Fill="{StaticResource FocusColorBrush}" />
                                </Border>
                            </Grid>
                            <Border x:Name="PreviewOverElement" Visibility="Collapsed" BorderThickness="2" BorderBrush="{TemplateBinding BorderBrush}" />
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <ControlTemplate x:Key="PickerPartTemplate" TargetType="c1:C1DockPickerPart">
            <Rectangle Fill="Transparent" />
        </ControlTemplate>
        <Style x:Key="OuterPickerStyle" TargetType="c1:C1DockPicker">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="c1:C1DockPicker">
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="10" />
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="10" />
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="10" />
                                <RowDefinition Height="*" />
                                <RowDefinition Height="10" />
                            </Grid.RowDefinitions>
                            <c1:C1DockPickerPart IsOuter="True" Template="{StaticResource PickerPartTemplate}" PickerState="{TemplateBinding PickerState}" DropPosition="Left" Grid.Column="0" Grid.Row="1" />
                            <c1:C1DockPickerPart IsOuter="True" Template="{StaticResource PickerPartTemplate}" PickerState="{TemplateBinding PickerState}" DropPosition="Top" Grid.Column="1" Grid.Row="0" />
                            <c1:C1DockPickerPart IsOuter="True" Template="{StaticResource PickerPartTemplate}" PickerState="{TemplateBinding PickerState}" DropPosition="Right" Grid.Column="2" Grid.Row="1" />
                            <c1:C1DockPickerPart IsOuter="True" Template="{StaticResource PickerPartTemplate}" PickerState="{TemplateBinding PickerState}" DropPosition="Bottom" Grid.Column="1" Grid.Row="2" />
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <Style x:Key="InnerPickerStyle" TargetType="c1:C1DockPicker">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="c1:C1DockPicker">
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="20" />
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="20" />
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="20" />
                                <RowDefinition Height="20" />
                                <RowDefinition Height="*" />
                                <RowDefinition Height="20" />
                            </Grid.RowDefinitions>
                            <c1:C1DockPickerPart IsOuter="False" Template="{StaticResource PickerPartTemplate}" PickerState="{TemplateBinding PickerState}" DropPosition="Left" Grid.Column="0" Grid.Row="1" Grid.RowSpan="2" />
                            <c1:C1DockPickerPart IsOuter="False" Template="{StaticResource PickerPartTemplate}" PickerState="{TemplateBinding PickerState}" DropPosition="Top" Grid.Column="1" Grid.Row="0" />
                            <c1:C1DockPickerPart IsOuter="False" Template="{StaticResource PickerPartTemplate}" PickerState="{TemplateBinding PickerState}" DropPosition="Right" Grid.Column="2" Grid.Row="1" Grid.RowSpan="2" />
                            <c1:C1DockPickerPart IsOuter="False" Template="{StaticResource PickerPartTemplate}" PickerState="{TemplateBinding PickerState}" DropPosition="Bottom" Grid.Column="1" Grid.Row="3" />
                            <c1:C1DockPickerPart IsOuter="False" Template="{StaticResource PickerPartTemplate}" PickerState="{TemplateBinding PickerState}" DropPosition="Over" Grid.Column="1" Grid.Row="1" />
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <Style x:Key="SplitterStyle" TargetType="c1:C1DockSplitter">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="c1:C1DockSplitter">
                        <Grid x:Name="Root">
                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="OrientationStates">
                                    <VisualState x:Name="Horizontal">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Border" Storyboard.TargetProperty="Cursor">
                                                <DiscreteObjectKeyFrame KeyTime="00:00:00">
                                                    <DiscreteObjectKeyFrame.Value>
                                                        <Cursor>SizeWE</Cursor>
                                                    </DiscreteObjectKeyFrame.Value>
                                                </DiscreteObjectKeyFrame>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Vertical">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Border" Storyboard.TargetProperty="Cursor">
                                                <DiscreteObjectKeyFrame KeyTime="00:00:00">
                                                    <DiscreteObjectKeyFrame.Value>
                                                        <Cursor>SizeNS</Cursor>
                                                    </DiscreteObjectKeyFrame.Value>
                                                </DiscreteObjectKeyFrame>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                            </VisualStateManager.VisualStateGroups>
                            <Border x:Name="Border" Background="#444" MinWidth="2" MinHeight="2" />
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </UserControl.Resources>
    <Border BorderBrush="#FF3D3D3D" BorderThickness="3">
        <c1:C1ThemeExpressionDark x:Name="theme">
            <Grid Background="#FF444444" x:Name="root">
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto" />
                    <RowDefinition />
                </Grid.RowDefinitions>
                <c1:C1Menu Grid.Row="0" BorderThickness="0">
                    <c1:C1MenuItem Header="View" x:Name="ViewMenuItem" />
                    <c1:C1MenuItem Header="Window" x:Name="WindowMenuItem" />
                </c1:C1Menu>
                <local:BlendDockControl Grid.Row="1" BorderThickness="0" PreviewStyle="{StaticResource PreviewStyle}" OuterPickerStyle="{StaticResource OuterPickerStyle}" InnerPickerStyle="{StaticResource InnerPickerStyle}" SplitterStyle="{StaticResource SplitterStyle}" PickerLoading="C1DockControl_PickerLoading" x:Name="dockControl" ViewChanged="dockControl_ViewChanged">
                    <c1:C1DockGroup>
                        <local:BlendTabControl Dock="Top" CanUserFloat="False">
                            <c1:C1DockTabItem Header="Projects" Foreground="White" TabShape="Sloped">
                                <local:Projects />
                            </c1:C1DockTabItem>
                            <c1:C1DockTabItem Header="Assets" Foreground="White" TabShape="Sloped">
                                <local:Assets />
                            </c1:C1DockTabItem>
                        </local:BlendTabControl>
                        <local:BlendTabControl CanUserFloat="False">
                            <c1:C1DockTabItem Header="Objects and Timeline" Foreground="White" TabShape="Sloped">
                                <local:ObjectsAndTimeline />
                            </c1:C1DockTabItem>
                        </local:BlendTabControl>
                    </c1:C1DockGroup>
                    <c1:C1DockGroup>
                        <local:BlendTabControl x:Name="MainArea" HorizontalFill="True" VerticalFill="True" Dock="Top" DockWidth="500" DockHeight="500" TabItemShape="Rounded">
                            <c1:C1DockTabItem Header="generic.xaml" x:Name="genericxaml" Foreground="White">
                                <ScrollViewer VerticalScrollBarVisibility="Visible" BorderThickness="0" HorizontalScrollBarVisibility="Visible" Foreground="White">
                                    <StackPanel VerticalAlignment="Center">
                                        <TextBlock Text="generic.xaml cannot be edited in the design view." HorizontalAlignment="Center" Margin="20" FontSize="20" />
                                        <TextBlock Text="To edit resources, select from the Resources panel" HorizontalAlignment="Center" />
                                    </StackPanel>
                                </ScrollViewer>
                            </c1:C1DockTabItem>
                            <c1:C1DockTabItem Header="MainPage.xaml" x:Name="mainpagexaml" Foreground="White">
                                <ScrollViewer VerticalScrollBarVisibility="Visible" BorderThickness="0" HorizontalScrollBarVisibility="Visible">
                                    <Image Stretch="Uniform" Source="../Resources/mainpage.png" />
                                </ScrollViewer>
                            </c1:C1DockTabItem>
                        </local:BlendTabControl>
                        <local:BlendTabControl>
                            <c1:C1DockTabItem Header="Results" Foreground="White">
                                <c1:C1TabControl x:Name="results" TabStripPlacement="Left">
                                    <c1:C1TabItem Header="Errors">
                                        <Grid VerticalAlignment="Top" Margin="2">
                                            <Grid.ColumnDefinitions>
                                                <ColumnDefinition />
                                                <ColumnDefinition />
                                                <ColumnDefinition />
                                                <ColumnDefinition />
                                                <ColumnDefinition />
                                                <ColumnDefinition />
                                            </Grid.ColumnDefinitions>
                                            <Rectangle Grid.ColumnSpan="6" VerticalAlignment="Bottom" Height="1" Fill="#FF424242" />
                                            <Rectangle Grid.Column="1" HorizontalAlignment="Left" Width="1" Fill="#FF424242" />
                                            <TextBlock Grid.Column="1" Text="Description" FontSize="11" Foreground="White" Margin="4 2" />
                                            <Rectangle Grid.Column="2" HorizontalAlignment="Left" Width="1" Fill="#FF424242" />
                                            <TextBlock Grid.Column="2" Text="File" FontSize="11" Foreground="White" Margin="4 2" />
                                            <Rectangle Grid.Column="3" HorizontalAlignment="Left" Width="1" Fill="#FF424242" />
                                            <TextBlock Grid.Column="3" Text="Line" FontSize="11" Foreground="White" Margin="4 2" />
                                            <Rectangle Grid.Column="4" HorizontalAlignment="Left" Width="1" Fill="#FF424242" />
                                            <TextBlock Grid.Column="4" Text="Column" FontSize="11" Foreground="White" Margin="4 2" />
                                            <Rectangle Grid.Column="5" HorizontalAlignment="Left" Width="1" Fill="#FF424242" />
                                            <TextBlock Grid.Column="5" Text="Project" FontSize="11" Foreground="White" Margin="4 2" />
                                        </Grid>
                                    </c1:C1TabItem>
                                    <c1:C1TabItem Header="Output">
                                        <StackPanel>
                                            <TextBlock Grid.Column="5" Text="Xap packaging completed successfully" FontSize="11" Foreground="White" Margin="4 2" />
                                            <TextBlock Grid.Column="5" Text="Creating test page" FontSize="11" Foreground="White" Margin="4 2" />
                                            <TextBlock Grid.Column="5" Text="Test page created successfully" FontSize="11" Foreground="White" Margin="4 2" />
                                            <TextBlock Grid.Column="5" Text="The build has successfully completed." FontSize="11" Foreground="White" Margin="4 2" />
                                        </StackPanel>
                                    </c1:C1TabItem>
                                </c1:C1TabControl>
                            </c1:C1DockTabItem>
                        </local:BlendTabControl>
                    </c1:C1DockGroup>
                    <local:BlendTabControl>
                        <c1:C1DockTabItem Header="Resources" Foreground="White" TabShape="Sloped">
                            <local:Resources />
                        </c1:C1DockTabItem>
                        <c1:C1DockTabItem Header="Data" Foreground="White" TabShape="Sloped">
                            <local:Data />
                        </c1:C1DockTabItem>
                    </local:BlendTabControl>

                </local:BlendDockControl>
            </Grid>
        </c1:C1ThemeExpressionDark>
    </Border>
</UserControl>