<Page
    x:Class="SparklineSamplesLib2013.AppearanceSample"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:SparklineSamplesLib2013"
    xmlns:c1="using:C1.Xaml.Sparkline"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition />
        </Grid.RowDefinitions>

        
        <StackPanel Orientation="Horizontal" VerticalAlignment="Center" Margin="5" Grid.Row="0">
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition />
                    <ColumnDefinition />
                    <ColumnDefinition />
                    <ColumnDefinition />
                    <ColumnDefinition />
                    <ColumnDefinition />
                    <ColumnDefinition />
                    <ColumnDefinition />
                    <ColumnDefinition />
                    <ColumnDefinition />
                    <ColumnDefinition />
                    <ColumnDefinition />
                    <ColumnDefinition />
                    <ColumnDefinition />
                </Grid.ColumnDefinitions>
                <TextBlock Margin="0 2 2 2" Text="ShowMarks :" Grid.Column="0" VerticalAlignment="Center"></TextBlock>
                <CheckBox Margin="0 2 2 2" x:Name="showMarks" Grid.Column="1" IsChecked="{Binding ElementName=sparkline, Path=ShowMarkers, Mode=TwoWay}"/>
                <TextBlock Margin="0 2 2 2" Text="DisplayXAxis :" Grid.Column="2" VerticalAlignment="Center"></TextBlock>
                <CheckBox Margin="0 2 2 2" x:Name="displayXAxis" Grid.Column="3" IsChecked="{Binding ElementName=sparkline, Path=DisplayXAxis, Mode=TwoWay}"/>
                <TextBlock Margin="0 2 2 2" Text="ShowFirst : " Grid.Column="4" VerticalAlignment="Center"></TextBlock>
                <CheckBox Margin="0 2 2 2" x:Name="showFirst" Grid.Column="5" IsChecked="{Binding ElementName=sparkline, Path=ShowFirst, Mode=TwoWay}" FontFamily="Global User Interface"/>
                <TextBlock Margin="0 2 2 2" Text="ShowLast : " Grid.Column="6" VerticalAlignment="Center"></TextBlock>
                <CheckBox Margin="0 2 2 2"  x:Name="showLast" Grid.Column="7" IsChecked="{Binding ElementName=sparkline, Path=ShowLast, Mode=TwoWay}"/>
                <TextBlock Margin="0 2 2 2" Text="ShowHigh : " Grid.Column="8" VerticalAlignment="Center"></TextBlock>
                <CheckBox Margin="0 2 2 2"  x:Name="showHigh" Grid.Column="9" IsChecked="{Binding ElementName=sparkline, Path=ShowHigh, Mode=TwoWay}"/>
                <TextBlock Margin="0 2 2 2" Text="ShowLow : " Grid.Column="10" VerticalAlignment="Center"></TextBlock>
                <CheckBox Margin="0 2 2 2"  x:Name="showLow" Grid.Column="11" IsChecked="{Binding ElementName=sparkline, Path=ShowLow, Mode=TwoWay}"/>
                <TextBlock Margin="0 2 2 2" Text="ShowNegative : " Grid.Column="12" VerticalAlignment="Center"></TextBlock>
                <CheckBox Margin="0 2 2 2" x:Name="showNegative" Grid.Column="13" IsChecked="{Binding ElementName=sparkline, Mode=TwoWay, Path=ShowNegative}"/>
            </Grid>
            
        </StackPanel>
        <StackPanel Orientation="Horizontal" VerticalAlignment="Center" Margin="5" Grid.Row="1">
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition />
                    <RowDefinition />
                    <RowDefinition />
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition />
                    <ColumnDefinition />
                    <ColumnDefinition />
                    <ColumnDefinition />
                    <ColumnDefinition />
                    <ColumnDefinition />
                    <ColumnDefinition />
                    <ColumnDefinition />
                </Grid.ColumnDefinitions>
                <TextBlock Margin="0 2 2 2" Text="SparklineType:" VerticalAlignment="Center"></TextBlock>
                <ComboBox Margin="2" Width="180" Grid.Column="1" x:Name="sparklineType" SelectionChanged="sparklineType_SelectionChanged"
                      Foreground="Black"></ComboBox>
                <TextBlock Margin="0 2 5 2" Text="SeriesColor : " Grid.Row="0" Grid.Column="2" VerticalAlignment="Center"></TextBlock>
                <ComboBox Margin="5" Width="180" x:Name="SeriesColor" Grid.Column="3" SelectionChanged="SeriesColor_SelectionChanged"
                      Foreground="Black" Grid.Row="0"></ComboBox>
                <TextBlock Margin="0 2 5 2" Text="AxisColor : " Grid.Row="0" Grid.Column="4" VerticalAlignment="Center"></TextBlock>
                <ComboBox Margin="5" Width="180" x:Name="XAxisColor" SelectionChanged="XAxisColor_SelectionChanged"
                      Foreground="Black" Grid.Row="0" Grid.Column="5"></ComboBox>
                <TextBlock Margin="0 2 5 2" Text="MarksColor : " Grid.Row="1" Grid.Column="0" VerticalAlignment="Center"></TextBlock>
                <ComboBox Margin="5" Width="180" x:Name="MarksColor" SelectionChanged="MarksColor_SelectionChanged"
                      Foreground="Black" Grid.Row="1" Grid.Column="1"></ComboBox>
                
                <TextBlock Margin="0 2 5 2" Text="FirstMarkColor : " Grid.Row="1" Grid.Column="2" VerticalAlignment="Center"></TextBlock>
                <ComboBox Margin="5" Width="180" x:Name="FirstMarkColor" SelectionChanged="FirstMarkColor_SelectionChanged"
                      Foreground="Black" Grid.Row="1" Grid.Column="3"></ComboBox>
                <TextBlock Margin="0 2 5 2" Text="LastMarkColor : " Grid.Row="1" Grid.Column="4" VerticalAlignment="Center"></TextBlock>
                <ComboBox Margin="5" Width="180" x:Name="LastMarkColor" SelectionChanged="LastMarkColor_SelectionChanged"
                      Foreground="Black" Grid.Row="1" Grid.Column="5"></ComboBox>
                <TextBlock Margin="0 2 5 2" Text="HighMarkColor : " Grid.Row="2" Grid.Column="0" VerticalAlignment="Center"></TextBlock>
                <ComboBox Margin="5" Width="180" x:Name="HightMarkColor" SelectionChanged="HightMarkColor_SelectionChanged"
                      Foreground="Black" Grid.Row="2" Grid.Column="1"></ComboBox>
                <TextBlock Margin="0 2 5 2" Text="LowMarkColor : " Grid.Row="2" Grid.Column="2" VerticalAlignment="Center"></TextBlock>
                <ComboBox Margin="5" Width="180" x:Name="LowMarkColor" SelectionChanged="LowMarkColor_SelectionChanged"
                      Foreground="Black" Grid.Row="2" Grid.Column="3"></ComboBox>
                <TextBlock Margin="0 2 5 2" Text="NegativeColor : " Grid.Row="2" Grid.Column="4" VerticalAlignment="Center"></TextBlock>
                <ComboBox Margin="5" Width="180" x:Name="NegativeColor" SelectionChanged="NegativeColor_SelectionChanged"
                      Foreground="Black" Grid.Row="2" Grid.Column="5"></ComboBox>
            </Grid>
        </StackPanel>

        <Grid Grid.Row="3" Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" Width="600">
            <c1:C1Sparkline x:Name="sparkline" NegativeColor="Blue" LowMarkerColor="Green" HighMarkerColor="Blue" 
                            LastMarkerColor="Brown" FirstMarkerColor="Red" MarkersColor="Green" SeriesColor="Blue" 
                            AxisColor="Pink" DisplayXAxis="True" ShowFirst="True" ShowLast="True" ShowLow="True">

            </c1:C1Sparkline>
        </Grid>

    </Grid>
</Page>