﻿<UserControl x:ConnectionId='1' x:Class="WinStore.UX.Controls.ContentPanel"
             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:pdp="using:WinStore.UX.Controls.PDP"
             Name="contentPanel"
             d:DesignHeight="300"
             d:DesignWidth="400"
             mc:Ignorable="d">
    <UserControl.Resources>
        <DataTemplate x:Key="ScreenShotSelectorItemTemplate">
            <pdp:ScreenshotFilterControl />
        </DataTemplate>
    </UserControl.Resources>

    <!--  TODO: ameyak: Need to remove uses of data binding  -->

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition x:ConnectionId='2' x:Name="_headingRowDefinition" Height="Auto" />
            <RowDefinition x:ConnectionId='3' x:Name="_contentRowDefinition" Height="Auto" />
            <RowDefinition x:ConnectionId='4' x:Name="_separatorRowDefinition" Height="Auto" />
        </Grid.RowDefinitions>

        <Grid x:ConnectionId='5' x:Name="_titleGrid" Visibility="Collapsed">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="*" />
            </Grid.ColumnDefinitions>

            <TextBlock x:ConnectionId='6' x:Name="_title"
                       AutomationProperties.AutomationId="SectionTitle"
                       Margin="0,0,10,6"
                       Foreground="{ThemeResource PrimaryForegroundBrush}"
                       Style="{StaticResource SubtitleTextBlockStyle}"
                       Text="{Binding PanelTitle,
                                      ElementName=contentPanel}"
                       TextWrapping="WrapWholeWords"/>

            <ListView x:ConnectionId='7' x:Name="_screenshotFilterListView"
					  VerticalAlignment="Center"
					  ScrollViewer.HorizontalScrollBarVisibility="Disabled"
					  ScrollViewer.HorizontalScrollMode="Disabled"
					  ScrollViewer.VerticalScrollBarVisibility="Disabled"
					  ScrollViewer.VerticalScrollMode="Disabled"
					  ScrollViewer.ZoomMode="Disabled"
					  SelectionMode="None"
					  IsItemClickEnabled="True"
					                                   
                                                                           
					  Grid.Column="1"
                      Margin="0,0,0,0"
                      Style="{StaticResource DefaultListViewBaseStyle}"
                      ItemContainerStyle="{StaticResource HyperlinkListViewItemStyle}"
					  ItemTemplate="{StaticResource ScreenShotSelectorItemTemplate}">
                <ListView.ItemsPanel>
                    <ItemsPanelTemplate>
                        <ItemsStackPanel Orientation="Horizontal"/>
                    </ItemsPanelTemplate>
                </ListView.ItemsPanel>
            </ListView>

            <HyperlinkButton x:ConnectionId='8' x:Name="_link"
                             Margin="0,5,0,0"
                             AutomationProperties.AutomationId="SectionLink"
                             Grid.Column="2"
                             HorizontalAlignment="Right"
                             IsEnabled="False"
                             VerticalAlignment="Top"
                             Style="{StaticResource HyperlinkButtonStyle}" />
        </Grid>

        <ContentPresenter Grid.Row="1" Content="{Binding PanelContent, ElementName=contentPanel}" />

        <Rectangle Grid.Row="2"
                   Height="1"
                   Margin="0,24,0,24"
                   Fill="{StaticResource BodyBackgroundStroke}" />
    </Grid>
</UserControl>

