﻿<common:StorePage
    x:Class="WinStore.UX.RetailDemo.RetailDemoOfflineViewer"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:WinStore.UX.RetailDemo"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:common="using:WinStore.UX.Common"
    mc:Ignorable="d">

    <common:StorePage.Resources>

        <Style x:Key="DefaultFlipViewItemStyle" TargetType="FlipViewItem">
            <Setter Property="Background" Value="Transparent"/>
            <Setter Property="TabNavigation" Value="Local"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="FlipViewItem">
                        <Grid  VerticalAlignment="Center" HorizontalAlignment="Center">
                            <Viewbox StretchDirection="DownOnly">
                                <ContentPresenter ContentTemplate="{TemplateBinding ContentTemplate}" 
												  ContentTransitions="{TemplateBinding ContentTransitions}" 
												  Content="{TemplateBinding Content}" 
												  HorizontalAlignment="Center" 
												  Margin="{TemplateBinding Padding}" 
												  VerticalAlignment="Center"/>
                            </Viewbox>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </common:StorePage.Resources>


	<Grid>
		<VisualStateManager.VisualStateGroups>
			<VisualStateGroup x:ConnectionId='1' x:Name="PanePlacement">
				<VisualState x:ConnectionId='2' x:Name="Wide">
					<VisualState.StateTriggers>
                        <AdaptiveTrigger MinWindowWidth="{StaticResource MediumMinWidth}" />
                    </VisualState.StateTriggers>
					<Storyboard>
						<ObjectAnimationUsingKeyFrames Storyboard.TargetName="_offlineModeText" Storyboard.TargetProperty="Visibility" >
							<DiscreteObjectKeyFrame KeyTime="0" Value="Visible" />
						</ObjectAnimationUsingKeyFrames>
					</Storyboard>
				</VisualState>
			</VisualStateGroup>
        </VisualStateManager.VisualStateGroups>
		
		<Grid.RowDefinitions>
            <RowDefinition />
            <RowDefinition Height="48"/>
        </Grid.RowDefinitions>
        <!--  FlipView needs content  -->
        <FlipView x:ConnectionId='3' x:Name="_rdmFlipView" 
				                                              
				  Style="{StaticResource FlipViewStyle}"  >
            <FlipView.ItemTemplate>
                <DataTemplate>
                    <local:RetailDemoImageControl 
                                                  BandBodyText="{Binding BandBodyText, Mode=OneWay}"
                                                  BandHeaderText="{Binding BandHeaderText, Mode=OneWay}"
                                                  BackgroundImageSourceUri="{Binding BackgroundImageSourceUri, Mode=OneWay}"/>
                </DataTemplate>
            </FlipView.ItemTemplate>
        </FlipView>
		<Rectangle  Fill="Black" 
					Grid.Row="1"/>
		<StackPanel Orientation="Horizontal" 
					Grid.Row="1" 
					VerticalAlignment="Center">

			
			<!--place holder until we can get the font symbol loaded below-->
			<Rectangle Fill="White"
					   Height="20"
					   Width="20"
					   VerticalAlignment="Center"
					   Margin="14"
					   Opacity=".6"/>
			<!--TODO replace the above rectangle with this once we get the font loaded-->
			<!--<TextBlock Text="&#xEB5E;" 
				Style="{StaticResource CaptionTextBlockStyle}" 
				FontSize="20" 
				Opacity=".6"
				Margin="14"
				FontFamily="ms-appx:///Resources/Fonts/SegMVR2.ttf#Segoe MVR MDL2 Assets"/>-->
			
			<!--TODO Localize this text-->
			<TextBlock x:ConnectionId='5' x:Name="_offlineModeText" 
					Text="Offline Mode" 
					Visibility="Collapsed"
					Foreground="White"
					VerticalAlignment="Center"
					Opacity=".6"
					Style="{StaticResource CaptionTextBlockStyle}"/>
		</StackPanel>
        
        
        <ListBox x:ConnectionId='4'
            x:Name="_rdmContextControl"
            Grid.Row="1"
            IsTabStop="False"
            ItemContainerStyle="{StaticResource HeroCarouselControlListBoxIndicatorContainerStyle}">
            <ListBox.Template>
                <ControlTemplate TargetType="ListBox">
					<Border
                        x:Name="LayoutRoot"
                        BorderBrush="{TemplateBinding BorderBrush}"
                        BorderThickness="{TemplateBinding BorderThickness}" AutomationProperties.AutomationId="{Binding Id}">
						<ScrollViewer
                            x:Name="ScrollViewer"
                            HorizontalScrollBarVisibility="{TemplateBinding ScrollViewer.HorizontalScrollBarVisibility}"
                            HorizontalScrollMode="{TemplateBinding ScrollViewer.HorizontalScrollMode}"
                            IsHorizontalRailEnabled="{TemplateBinding ScrollViewer.IsHorizontalRailEnabled}"
                            IsVerticalRailEnabled="{TemplateBinding ScrollViewer.IsVerticalRailEnabled}"
                            Padding="{TemplateBinding Padding}"
                            TabNavigation="{TemplateBinding TabNavigation}"
                            VerticalScrollBarVisibility="{TemplateBinding ScrollViewer.VerticalScrollBarVisibility}"
                            VerticalScrollMode="{TemplateBinding ScrollViewer.VerticalScrollMode}"
                            ZoomMode="{TemplateBinding ScrollViewer.ZoomMode}">
                            <ItemsPresenter />
                        </ScrollViewer>
                    </Border>
                </ControlTemplate>
                </ListBox.Template>
                <ListBox.ItemsPanel>
                <ItemsPanelTemplate>
                    <ItemsStackPanel HorizontalAlignment="Center" Orientation="Horizontal" />
                </ItemsPanelTemplate>
            </ListBox.ItemsPanel>
        </ListBox>
    </Grid>
</common:StorePage>

