<?xml version="1.0" encoding="utf-8"?>
<UserControl x:Class="SalesBook.Page" mc:Ignorable="d" RenderTransformOrigin="0.5 0" d:DesignHeight="454" d:DesignWidth="556" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="clr-namespace:SalesBook" xmlns:c1="http://schemas.componentone.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:vsm="clr-namespace:System.Windows;assembly=System.Windows">
    <UserControl.Resources>
	    	<Style x:Key="TitleBackground" TargetType="Rectangle">
    		<Setter Property="Fill">
    			<Setter.Value>
    				<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
    					<GradientStop Color="#FF2D5C80" />
    					<GradientStop Color="#FF38729F" Offset="0.5" />
    					<GradientStop Color="#FF2D5C80" Offset="1" />
    				</LinearGradientBrush>
    			</Setter.Value>
    		</Setter>
			<Setter Property="Height" Value="24" />
			<Setter Property="HorizontalAlignment" Value="Stretch" />
			<Setter Property="Margin" Value="6,6,6,0" />
			<Setter Property="VerticalAlignment" Value="Top" />
			<Setter Property="StrokeThickness" Value="2" />
			<Setter Property="RadiusX" Value="2" />
			<Setter Property="RadiusY" Value="2" />
    	</Style>
	<Style x:Key="TitleText" TargetType="TextBlock">
    	<Setter Property="FontSize" Value="11" />
    	<Setter Property="Foreground" Value="#FFFFFFFF" />
		<Setter Property="TextWrapping" Value="Wrap" />
		<Setter Property="Margin" Value="12,12,6,0" />
		<Setter Property="VerticalAlignment" Value="Top" />
    </Style>
	<Style x:Key="LabelText" TargetType="TextBlock">
    	<Setter Property="FontSize" Value="10" />
    	<Setter Property="Foreground" Value="#FF5a5a5a" />
		<Setter Property="TextWrapping" Value="Wrap" />
		<Setter Property="Margin" Value="10,0,0,0" />
		<Setter Property="VerticalAlignment" Value="Top" />
		<Setter Property="RenderTransformOrigin" Value="0.5,0.666999995708466" />
    </Style>
	<Style x:Key="DataName" TargetType="TextBlock">
    	<Setter Property="FontSize" Value="12" />
		<Setter Property="FontWeight" Value="Bold" />
    	<Setter Property="Foreground" Value="#FF38729F" />
		<Setter Property="TextWrapping" Value="Wrap" />
		<Setter Property="Margin" Value="0,0,10,0" />
		<Setter Property="VerticalAlignment" Value="Top" />
		<Setter Property="RenderTransformOrigin" Value="0.5,0.666999995708466" />
    </Style>
	<Style x:Key="DataText" TargetType="TextBlock">
    	<Setter Property="FontSize" Value="10" />
		<Setter Property="FontWeight" Value="Bold" />
    	<Setter Property="Foreground" Value="#FF333333" />
		<Setter Property="TextWrapping" Value="Wrap" />
		<Setter Property="Margin" Value="0,0,10,0" />
		<Setter Property="VerticalAlignment" Value="Top" />
		<Setter Property="RenderTransformOrigin" Value="0.5,0.666999995708466" />
    </Style>
	<Style x:Key="DataImage" TargetType="Image">
		<Setter Property="HorizontalAlignment" Value="Left" />
		<Setter Property="VerticalAlignment" Value="Top" />
		<Setter Property="RenderTransformOrigin" Value="0.5,0.5" />
		<Setter Property="Width" Value="100" />
		<Setter Property="Height" Value="120" />
    </Style>
	<local:ImageSourceConverter x:Key="cnv" />
        <ControlTemplate x:Key="PageTemplate">
            <Grid Background="#38729f">
                <Border Margin="10 10 10 10" Background="White">
                    <ContentPresenter />
                </Border>
            </Grid>
        </ControlTemplate>
        <DataTemplate x:Key="DataTemplate1">
            <Grid ShowGridLines="False" Margin="0,0,-155,-206" Width="450" Height="500">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition />
                    <ColumnDefinition Width="7" />
                </Grid.ColumnDefinitions>
                <TextBox Text="Employees" x:Name="title" Foreground="Red" />
                <Grid HorizontalAlignment="Stretch" Margin="20,65,20,65" VerticalAlignment="Stretch" ShowGridLines="True" x:Name="Card">
                    <Grid.RowDefinitions>
                        <RowDefinition />
                        <RowDefinition />
                        <RowDefinition />
                        <RowDefinition />
                        <RowDefinition />
                        <RowDefinition />
                        <RowDefinition />
                        <RowDefinition />
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="120" />
                        <ColumnDefinition />
                        <ColumnDefinition />
                    </Grid.ColumnDefinitions>
                    <Rectangle HorizontalAlignment="Stretch" Margin="0,0,0,0" VerticalAlignment="Stretch" Stroke="#FF000000" StrokeThickness="0" RadiusX="4" RadiusY="4" Grid.RowSpan="8" Grid.ColumnSpan="3" x:Name="background">
                        <Rectangle.Fill>
                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                <GradientStop Color="#FFE1E1E1" Offset="0.763" />
                                <GradientStop Color="#FFCBCBCB" Offset="1" />
                            </LinearGradientBrush>
                        </Rectangle.Fill>
                    </Rectangle>
                    <Rectangle HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Fill="#FFFFFFFF" Stroke="#FF5A5A5A" StrokeThickness="2" RadiusX="2" RadiusY="2" Width="100" Height="100" Margin="10,18,10,0" Grid.RowSpan="3" x:Name="Picture" />
                    <Rectangle HorizontalAlignment="Stretch" Margin="0,18,10,18" VerticalAlignment="Stretch" Grid.Column="1" Grid.ColumnSpan="2" Grid.Row="0" Grid.RowSpan="8" StrokeThickness="2" RadiusX="2" RadiusY="2">
                        <Rectangle.Fill>
                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                <GradientStop Color="#FFD7D7D7" Offset="0.759" />
                                <GradientStop Color="#FFBBBBBB" Offset="1" />
                            </LinearGradientBrush>
                        </Rectangle.Fill>
                    </Rectangle>
                    <TextBox HorizontalAlignment="Stretch" Margin="0,0,16,16.5" x:Name="name" VerticalAlignment="Stretch" Grid.Column="1" Grid.Row="0" Text="TextBox" TextWrapping="Wrap" />
                </Grid>
            </Grid>
        </DataTemplate>
        <DataTemplate x:Key="DataTemplate">
            <Grid Background="#FFF2F2F2" ShowGridLines="False" Width="Auto">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition />
                </Grid.ColumnDefinitions>
                <Grid HorizontalAlignment="Stretch" Margin="15,65,15,55" VerticalAlignment="Stretch" ShowGridLines="False" x:Name="Card" IsHitTestVisible="False">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="20" />
                        <RowDefinition />
                        <RowDefinition />
                        <RowDefinition />
                        <RowDefinition />
                        <RowDefinition />
                        <RowDefinition />
                        <RowDefinition />
                        <RowDefinition />
                        <RowDefinition Height="20" />
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="110" />
                        <ColumnDefinition Width="75" />
                        <ColumnDefinition />
                    </Grid.ColumnDefinitions>
                    <Rectangle HorizontalAlignment="Stretch" Margin="0,0,0,0" VerticalAlignment="Stretch" Stroke="#FF000000" StrokeThickness="0" RadiusX="4" RadiusY="4" Grid.RowSpan="9" Grid.ColumnSpan="3" x:Name="background">
                        <Rectangle.Fill>
                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                <GradientStop Color="#FFE1E1E1" Offset="0.763" />
                                <GradientStop Color="#FFCBCBCB" Offset="1" />
                            </LinearGradientBrush>
                        </Rectangle.Fill>
                    </Rectangle>
                    <Rectangle HorizontalAlignment="Stretch" Margin="0,8,8,8" VerticalAlignment="Stretch" Grid.Column="1" Grid.ColumnSpan="2" Grid.Row="0" Grid.RowSpan="9" StrokeThickness="2" RadiusX="2" RadiusY="2">
                        <Rectangle.Fill>
                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                <GradientStop Color="#FFD7D7D7" Offset="0.759" />
                                <GradientStop Color="#FFBBBBBB" Offset="1" />
                            </LinearGradientBrush>
                        </Rectangle.Fill>
                    </Rectangle>
                    <TextBlock Grid.Column="1" Text="Name:" TextWrapping="Wrap" RenderTransformOrigin="0.5,0.666999995708466" FontFamily="Arial" FontSize="11" VerticalAlignment="Top" Foreground="#FF5a5a5a" Margin="10,0,10,0" Grid.Row="1" />
						        <TextBlock Grid.Column="1" Text="Title:" Grid.Row="2" Style="{StaticResource LabelText}" />
						        <TextBlock Grid.Column="1" Text="Date of Birth:" Grid.Row="3" Style="{StaticResource LabelText}" />
						        <TextBlock Grid.Column="1" Text="E-mail:" Grid.Row="4" Style="{StaticResource LabelText}" />
						        <TextBlock Grid.Column="1" Text="Phone:" Grid.Row="5" Style="{StaticResource LabelText}" />
						        <TextBlock Grid.Column="1" Text="Address:" Grid.Row="6" Style="{StaticResource LabelText}" />
						        <TextBlock Grid.Column="1" Text="City:" Grid.Row="7" Style="{StaticResource LabelText}" />
						        <TextBlock Grid.Column="1" Text="Hire Date:" Grid.Row="8" Style="{StaticResource LabelText}" />
						        <TextBlock Grid.Column="2" Text="{Binding Name}" Grid.Row="1" Style="{StaticResource DataName}" />
						        <TextBlock Grid.Column="2" Text="{Binding JobTitle}" Grid.Row="2" Style="{StaticResource DataText}" />
						        <TextBlock Grid.Column="2" Text="{Binding BirthDate}" Grid.Row="3" Style="{StaticResource DataText}" />
						        <TextBlock Grid.Column="2" Text="{Binding Email}" Grid.Row="4" Style="{StaticResource DataText}" />
						        <TextBlock Grid.Column="2" Text="{Binding Phone}" Grid.Row="5" Style="{StaticResource DataText}" />
						        <TextBlock Grid.Column="2" Text="{Binding AddressLine}" Grid.Row="6" Style="{StaticResource DataText}" />
						        <TextBlock Grid.Column="2" Text="{Binding City}" Grid.Row="7" Style="{StaticResource DataText}" />
						        <TextBlock Grid.Column="2" Text="{Binding HireDate}" Grid.Row="8" Style="{StaticResource DataText}" />
						        <Image Grid.Row="0" Grid.RowSpan="9" x:Name="imgPhoto" Source="{Binding Photo,Converter={StaticResource cnv}}" Style="{StaticResource DataImage}" Margin="5 5 0 0" />
                </Grid>
                <Rectangle x:Name="title_bkg" Style="{StaticResource TitleBackground}" />
                <TextBlock Text="Employees" x:Name="title" Style="{StaticResource TitleText}" />
				</Grid>

        </DataTemplate>
    	<Style x:Key="SliderStyle1" TargetType="Slider">
    		<Setter Property="Template">
    			<Setter.Value>
    				<ControlTemplate TargetType="Slider">
    					<Grid x:Name="Root">
    						<Grid.Resources>
    							<ControlTemplate x:Key="RepeatButtonTemplate">
    								<Grid x:Name="Root" Background="Transparent" Opacity="0" />
    							</ControlTemplate>
    						</Grid.Resources>
    						<vsm:VisualStateManager.VisualStateGroups>
    							<vsm:VisualStateGroup x:Name="CommonStates">
    								<vsm:VisualStateGroup.Transitions>
    									<vsm:VisualTransition GeneratedDuration="0" />
    								</vsm:VisualStateGroup.Transitions>
    								<vsm:VisualState x:Name="Normal" />
    								<vsm:VisualState x:Name="MouseOver">
    									<Storyboard />
    								</vsm:VisualState>
    								<vsm:VisualState x:Name="Disabled">
    									<Storyboard>
    										<DoubleAnimationUsingKeyFrames Storyboard.TargetName="Root" Storyboard.TargetProperty="(UIElement.Opacity)">
    											<SplineDoubleKeyFrame KeyTime="00:00:00" Value="0.5" />
    										</DoubleAnimationUsingKeyFrames>
    									</Storyboard>
    								</vsm:VisualState>
    							</vsm:VisualStateGroup>
    							<vsm:VisualStateGroup x:Name="FocusStates">
    								<vsm:VisualStateGroup.Transitions>
    									<vsm:VisualTransition GeneratedDuration="0" />
    								</vsm:VisualStateGroup.Transitions>
    								<vsm:VisualState x:Name="Unfocused">
    									<Storyboard />
    								</vsm:VisualState>
    								<vsm:VisualState x:Name="Focused">
    									<Storyboard>
    										<DoubleAnimationUsingKeyFrames Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="(UIElement.Opacity)">
    											<SplineDoubleKeyFrame KeyTime="00:00:00" Value="0" />
    										</DoubleAnimationUsingKeyFrames>
    									</Storyboard>
    								</vsm:VisualState>
    							</vsm:VisualStateGroup>
    						</vsm:VisualStateManager.VisualStateGroups>
    						<Grid x:Name="HorizontalTemplate">
    							<Grid.ColumnDefinitions>
    								<ColumnDefinition Width="Auto" />
    								<ColumnDefinition Width="Auto" />
    								<ColumnDefinition Width="*" />
    							</Grid.ColumnDefinitions>
    							<Rectangle Height="3" Margin="5,0,5,0" Grid.Column="0" Grid.ColumnSpan="3" Fill="#FFE6EFF7" Stroke="Black" StrokeThickness="0.5" />
    							<RepeatButton IsTabStop="False" Template="{StaticResource RepeatButtonTemplate}" x:Name="HorizontalTrackLargeChangeDecreaseRepeatButton" Grid.Column="0" />
    							<Thumb Height="18" x:Name="HorizontalThumb" Width="11" Grid.Column="1" />
    							<RepeatButton IsTabStop="False" Template="{StaticResource RepeatButtonTemplate}" x:Name="HorizontalTrackLargeChangeIncreaseRepeatButton" Grid.Column="2" />
    						</Grid>
    						<Grid x:Name="VerticalTemplate" Visibility="Collapsed">
    							<Grid.RowDefinitions>
    								<RowDefinition Height="*" />
    								<RowDefinition Height="Auto" />
    								<RowDefinition Height="Auto" />
    							</Grid.RowDefinitions>
    							<Rectangle Margin="0,5,0,5" Width="3" Grid.Row="0" Grid.RowSpan="3" Fill="#FFE6EFF7" Stroke="Black" StrokeThickness="0.5" />
    							<RepeatButton IsTabStop="False" Template="{StaticResource RepeatButtonTemplate}" x:Name="VerticalTrackLargeChangeDecreaseRepeatButton" Grid.Row="2" />
    							<Thumb Height="11" x:Name="VerticalThumb" Width="18" Grid.Row="1" />
    							<RepeatButton IsTabStop="False" Template="{StaticResource RepeatButtonTemplate}" x:Name="VerticalTrackLargeChangeIncreaseRepeatButton" Grid.Row="0" />
    						</Grid>
    						<Rectangle x:Name="FocusVisual" Stroke="#666666" StrokeDashArray=".2 5" StrokeDashCap="Round" IsHitTestVisible="false" Opacity="0" />
    					</Grid>
    				</ControlTemplate>
    			</Setter.Value>
    		</Setter>
    	</Style>
    </UserControl.Resources>
    <!--<UserControl.RenderTransform>
        <ScaleTransform ScaleX="0.7" ScaleY="0.7" />
    </UserControl.RenderTransform>-->
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>
      <Grid x:Name="BookContainer" Grid.Row="1" Margin="8" d:IsHidden="True">
            <c1:C1Book x:Name="book" DropTolerance="0" MouseMove="book_MouseMove" DragPageStarted="book_DragPageStarted" DragPageFinished="book_DragPageFinished" CurrentPage="1" IsFirstPageOnTheRight="True" ShowPageFold="Always" PageFoldAction="TurnPageOnClick" LeftPageTemplate="{StaticResource PageTemplate}" RightPageTemplate="{StaticResource PageTemplate}" Foreground="#FF18204E" Background="#FF001124" FontFamily="Arial" FontSize="13" ItemTemplate="{StaticResource DataTemplate}" Canvas.Top="30">
                <Grid Background="#FF000000" x:Name="cover" c1:C1Book.ApplyPageTemplate="False">
                    <Image Source="resources/cover.jpg" Stretch="Fill" />
                </Grid>
                <Grid x:Name="page01" Background="#FF11425f" c1:C1Book.ApplyPageTemplate="False">
                    <c1:C1BookHalfSpan Dock="Left">
                        <Image Source="resources/DoublePage.png" Stretch="Uniform" />
                    </c1:C1BookHalfSpan>
                </Grid>
                <Grid x:Name="page02" Background="#FF11425f" c1:C1Book.ApplyPageTemplate="False">
                    <c1:C1BookHalfSpan Dock="Right">
                        <Image Source="resources/DoublePage.png" Stretch="Uniform" />
                    </c1:C1BookHalfSpan>
                </Grid>
                <Grid Background="#FFFFFFFF" x:Name="page03">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*" />
                        <ColumnDefinition Width="7" />
                    </Grid.ColumnDefinitions>
                    <Rectangle Stroke="#FF000000" StrokeThickness="0" RadiusX="4" RadiusY="4" x:Name="background" Margin="15,65,15,75">
                        <Rectangle.Fill>
                            <LinearGradientBrush EndPoint="0.5,0.0199999995529652" StartPoint="0.5,0" SpreadMethod="Repeat">
                                <GradientStop Color="#FFE1E1E1" Offset="0.853" />
                                <GradientStop Color="#FFD7DFE6" Offset="0.853" />
                            </LinearGradientBrush>
                        </Rectangle.Fill>
                    </Rectangle>
                    <c1:C1Chart Margin="23,96,23,96" x:Name="salesChart" ChartType="ColumnStacked">
                        <c1:C1Chart.Data>
                            <c1:ChartData>
                                <c1:DataSeries Values="1 2 3 4" />
                                <c1:DataSeries Values="3 3 4 5" />
                            </c1:ChartData>
                        </c1:C1Chart.Data>
                    </c1:C1Chart>
                    <Rectangle x:Name="title_bkg" Style="{StaticResource TitleBackground}" />
                    <TextBlock Text="Sales Per Year" x:Name="title" Style="{StaticResource TitleText}" />
                </Grid>
                <Grid Background="#FFFFFFFF" x:Name="page04">
                    <Rectangle Stroke="#FF000000" StrokeThickness="0" RadiusX="4" RadiusY="4" x:Name="background_Copy" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Margin="15,65,15,75">
                        <Rectangle.Fill>
                            <LinearGradientBrush EndPoint="0.5,0.0199999995529652" StartPoint="0.5,0" SpreadMethod="Repeat">
                                <GradientStop Color="#FFE1E1E1" Offset="0.853" />
                                <GradientStop Color="#FFD7DFE6" Offset="0.853" />
                            </LinearGradientBrush>
                        </Rectangle.Fill>
                    </Rectangle>
                    <c1:C1Chart Margin="29.8570003509521,67,-20,126" ChartType="Pie" x:Name="salesPieChart">
                        <c1:C1Chart.Data>
                            <c1:ChartData>
                                <c1:DataSeries Values="1 2 3 4" />
                            </c1:ChartData>
                        </c1:C1Chart.Data>
                    </c1:C1Chart>
                    <Rectangle x:Name="title_bkg2" Style="{StaticResource TitleBackground}" />
                    <TextBlock Text="Sales Per Seller" x:Name="title_Copy" Style="{StaticResource TitleText}" />
                    <TextBlock Width="45" Text="2007" TextWrapping="Wrap" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="36,73,0,0" FontWeight="Bold" FontSize="18" Foreground="#FF064367" Height="20" />
                    <c1:C1ChartLegend FontSize="11" HorizontalAlignment="Left" VerticalAlignment="Bottom" Margin="31,0,0,80" x:Name="legend" Height="152" Width="165" />
                </Grid>
                <Grid Background="#FF11425f" c1:C1Book.ApplyPageTemplate="False" x:Name="lastpage">
                    <Image HorizontalAlignment="Stretch" VerticalAlignment="Center" Source="resources/lastpage.png" Stretch="Fill" Height="232" Opacity="0.2" />
                </Grid>
            </c1:C1Book>
        </Grid>
    </Grid>
</UserControl>