<?xml version="1.0" encoding="utf-8"?>
<UserControl x:Class="EsriMapSamples.MainPage" mc:Ignorable="d" Loaded="UserControl_Loaded" d:DesignHeight="300" d:DesignWidth="400" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk" xmlns:esri="http://schemas.esri.com/arcgis/client/2009" xmlns:syntax="clr-namespace:EsriMapSamples.SyntaxHighlighter" xmlns:c1="http://schemas.componentone.com/winfx/2006/xaml" xmlns:local="clr-namespace:EsriMapSamples">
    <UserControl.Resources>

    </UserControl.Resources>

    <Border Background="Black" Padding="10">
        <Grid x:Name="LayoutRoot">
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" />
                <RowDefinition />
                <RowDefinition Height="Auto" />
            </Grid.RowDefinitions>
            <Border Margin="7,7,4,4" CornerRadius="5" BorderThickness="1" BorderBrush="#FF777676" Grid.Row="0">
                <Border.Background>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="#FF343333" Offset="0" />
                        <GradientStop Color="#FF3E3E3E" Offset="1" />
                    </LinearGradientBrush>
                </Border.Background>
            </Border>
            <!-- Top panel -->
            <Border Margin="7,7,4,4" CornerRadius="5" BorderThickness="1" BorderBrush="#FF777676" Opacity="0.1" Grid.Row="0">
                <Border.Background>
                    <LinearGradientBrush EndPoint="1.523,-1.604" StartPoint="0.549,5.531">
                        <GradientStop Color="#01FFFFFF" Offset="0.992" />
                        <GradientStop Color="#00FFFDFD" Offset="0" />
                        <GradientStop Color="#00FFFDFD" Offset="0.286" />
                        <GradientStop Color="#FFFFFDFD" Offset="0.298" />
                        <GradientStop Color="#FEFEFDFD" Offset="0.346" />
                        <GradientStop Color="#00FEFDFD" Offset="0.37" />
                        <GradientStop Color="#FFFFFDFD" Offset="0.065" />
                        <GradientStop Color="#00FFFCFC" Offset="0.1" />
                        <GradientStop Color="#7EFEFDFD" Offset="0.441" />
                        <GradientStop Color="#00FEFDFD" Offset="0.477" />
                        <GradientStop Color="#00FEFDFD" Offset="0.531" />
                        <GradientStop Color="#00FEFDFD" Offset="0.382" />
                    </LinearGradientBrush>
                </Border.Background>
            </Border>
            <Border Margin="7,7,9,4" CornerRadius="5" Grid.Row="0">
                <StackPanel Orientation="Horizontal">
                    <TextBlock Margin="8" FontSize="16" Text="Maps Powered by Esri Samples" Foreground="#FFFFFFFF" VerticalAlignment="Top" />
                </StackPanel>
            </Border>

            <Border BorderBrush="#FF777676" Margin="7,7,4,4" CornerRadius="4" BorderThickness="1" Grid.Row="1">
                <Border.Background>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="#FF343333" Offset="0" />
                        <GradientStop Color="#FF000000" Offset="1" />
                        <GradientStop Color="#FF6D6D6D" Offset="0.226" />
                        <GradientStop Color="#FE030303" Offset="0.244" />
                    </LinearGradientBrush>
                </Border.Background>
                <Grid Grid.Row="1" Margin="7,7,4,4">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto" />
                        <ColumnDefinition />
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                        <RowDefinition />
                    </Grid.RowDefinitions>

                    <Border CornerRadius="5" BorderBrush="#FFD9D9D9" BorderThickness="1" Margin="4" Grid.Column="0" Grid.Row="1" Grid.RowSpan="2">
                        <Border.Background>
                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                <GradientStop Color="#FF000000" Offset="0.5" />
                                <GradientStop Color="#FF373636" Offset="1" />
                                <GradientStop Color="#FF000000" Offset="0" />
                            </LinearGradientBrush>
                        </Border.Background>
                        <c1:C1TreeView x:Name="tv" Width="220" ItemClick="tv_ItemClick" Background="Transparent" SelectionMode="Single" SelectedBackground="#818ED1E2">
                            <c1:C1TreeViewItem Header="Graphics Layer" Foreground="White">
                                <local:ControlNode x:Name="iAddPins" Header="Add Markers" />
                                <local:ControlNode x:Name="iDragDrop" Header="Drag and Drop" />
                                <local:ControlNode x:Name="iClustering" Header="Clustering" />
                            </c1:C1TreeViewItem>
                            <!--<c1:C1TreeViewItem  Header="Feature Layer" Foreground="White" >
                                <local:ControlNode x:Name="iFeatureDataGrid" Header="Feature FlexGrid" />
                            </c1:C1TreeViewItem>-->
                            <c1:C1TreeViewItem Header="GeoRSS Layer" Foreground="White">
                                <local:ControlNode x:Name="iGeoRSS" Header="Flicker GeoRSS" />
                            </c1:C1TreeViewItem>
                        </c1:C1TreeView>
                    </Border>

                    <c1:C1TabControl x:Name="tab" Grid.Column="2" Grid.Row="2" UnselectedContentMode="Collapsed" Background="Transparent" Margin="0" BorderBrush="#FFD9D9D9" TabStripBackground="Transparent" TabStripForeground="White" MouseOverBrush="#8493A8AD" PressedBrush="#AB75ACBA" Padding="4">
                        <c1:C1TabItem Header="Live Demo" SelectedBackground="#4EFFFFFF">
                            <Border Padding="5" x:Name="bdr" Background="Transparent" />
                        </c1:C1TabItem>
                        <c1:C1TabItem Header="XAML" SelectedBackground="#4EFFFFFF">
                            <syntax:XamlSyntaxHighlighter x:Name="txtXaml" />
                        </c1:C1TabItem>
                        <c1:C1TabItem Header="Code Behind C#" SelectedBackground="#4EFFFFFF">
                            <syntax:CodeSyntaxHighlighter x:Name="txtCode" />
                        </c1:C1TabItem>
                    </c1:C1TabControl>
                    

                    <Grid Grid.Column="1" Grid.Row="1" Margin="4" Visibility="Visible" x:Name="_description">
                        <Border CornerRadius="5" BorderThickness="1" BorderBrush="#FF777676">
                            <Border.Background>
                                <LinearGradientBrush EndPoint="0.5,1.011" StartPoint="0.5,-0.011">
                                    <GradientStop Color="#FF343333" Offset="0" />
                                    <GradientStop Color="#FF3E3E3E" Offset="1" />
                                </LinearGradientBrush>
                            </Border.Background>
                        </Border>

                        <Border CornerRadius="5" BorderThickness="1" BorderBrush="#FF777676" Opacity="0.1">
                            <Border.Background>
                                <LinearGradientBrush EndPoint="1.523,-1.604" StartPoint="0.549,5.531">
                                    <GradientStop Color="#01FFFFFF" Offset="0.992" />
                                    <GradientStop Color="#00FFFDFD" Offset="0" />
                                    <GradientStop Color="#00FFFDFD" Offset="0.286" />
                                    <GradientStop Color="#FFFFFDFD" Offset="0.298" />
                                    <GradientStop Color="#FEFEFDFD" Offset="0.346" />
                                    <GradientStop Color="#00FEFDFD" Offset="0.37" />
                                    <GradientStop Color="#FFFFFDFD" Offset="0.065" />
                                    <GradientStop Color="#00FFFCFC" Offset="0.1" />
                                    <GradientStop Color="#7EFEFDFD" Offset="0.441" />
                                    <GradientStop Color="#00FEFDFD" Offset="0.477" />
                                    <GradientStop Color="#00FEFDFD" Offset="0.531" />
                                    <GradientStop Color="#00FEFDFD" Offset="0.382" />
                                </LinearGradientBrush>
                            </Border.Background>
                        </Border>

                        <TextBlock x:Name="ControlDescription" FontSize="12" Margin="10,3,3,3" Foreground="#FFC8C8C8" TextWrapping="Wrap" FontWeight="Normal" />
                    </Grid>
                </Grid>
            </Border>
        </Grid>
    </Border>
</UserControl>