﻿<controls:ReflowableUserControl
    x:Class="WinStore.UX.Controls.DialogPopup"
    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:tiles="using:WinStore.UX.Controls.Tiles"
    xmlns:controls="using:WinStore.UX.Controls"
    mc:Ignorable="d"
    TabNavigation="Cycle">

    <Grid>
        <VisualStateManager.VisualStateGroups>
            <VisualStateGroup x:ConnectionId='1' x:Name="DisplayStates">
                <VisualState x:ConnectionId='2' x:Name="Wide" />
                <VisualState x:ConnectionId='3' x:Name="MediumWide" />
                <VisualState x:ConnectionId='4' x:Name="Medium" />
                <VisualState x:ConnectionId='5' x:Name="MediumNarrow" />
                <VisualState x:ConnectionId='6' x:Name="Narrow">
                    <Storyboard>
                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="_containerBorder">
                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource ApplicationPageBackgroundThemeBrush}" />
                        </ObjectAnimationUsingKeyFrames>
                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="HorizontalAlignment" Storyboard.TargetName="_containerBorder">
                            <DiscreteObjectKeyFrame KeyTime="0" Value="Stretch" />
                        </ObjectAnimationUsingKeyFrames>
                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="VerticalAlignment" Storyboard.TargetName="_containerBorder">
                            <DiscreteObjectKeyFrame KeyTime="0" Value="Stretch" />
                        </ObjectAnimationUsingKeyFrames>
                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="_overlayRectangle">
                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource ApplicationPageBackgroundThemeBrush}" />
                        </ObjectAnimationUsingKeyFrames>

                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Width)" Storyboard.TargetName="_containerBorder">
                            <DiscreteObjectKeyFrame KeyTime="0" Value="NaN"/>
                        </ObjectAnimationUsingKeyFrames>

                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.MinHeight)" Storyboard.TargetName="_containerBorder">
                            <DiscreteObjectKeyFrame KeyTime="0" Value="0"/>
                        </ObjectAnimationUsingKeyFrames>
                    </Storyboard>
                </VisualState>
            </VisualStateGroup>
        </VisualStateManager.VisualStateGroups>
        <Rectangle x:ConnectionId='7' x:Name="_overlayRectangle" Fill="#33000000"                                   />
        <Border x:ConnectionId='8'
            x:Name="_containerBorder"
            Width="456"
            MinHeight="551"
            Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
            BorderBrush="{ThemeResource AppThemePrimaryBrush}"
            BorderThickness="1"
            HorizontalAlignment="Center"
            VerticalAlignment="Center">
            <Grid x:ConnectionId='9' x:Name="_container">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="24" />
                    <ColumnDefinition />
                    <ColumnDefinition Width="24" />
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto" MinHeight="24" />
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="26" />
                    <RowDefinition />
                    <RowDefinition Height="24" />
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="24" />
                </Grid.RowDefinitions>

                <!--  Error overlay  -->
                <Grid x:ConnectionId='10'
                    x:Name="_errorOverlay"
                    Grid.ColumnSpan="3"
                    Height="32"
                    VerticalAlignment="Top"
                    Visibility="Collapsed">
                    <TextBlock x:ConnectionId='16'
                        x:Name="_errorOverlayMessage"
                        Style="{StaticResource CaptionTextBlockStyle}"
                        Margin="24,0,24,0"
                        VerticalAlignment="Center"
                        AutomationProperties.LiveSetting="Assertive"
                        AutomationProperties.AutomationId="ErrorOverlayMessage"
                        Foreground="{ThemeResource AppThemePrimaryBrush}" />
                </Grid>
                <ProgressBar x:ConnectionId='11'
                    x:Name="_progressBar"
                    Grid.ColumnSpan="3"
                    Height="10"
                    VerticalAlignment="Top"
                    Foreground="{ThemeResource AppThemePrimaryBrush}"
                    Background="Transparent"
                    IsIndeterminate="true"
                    Visibility="Collapsed" />

                <tiles:TinyAppTile x:ConnectionId='12' x:Name="_product" Grid.Row="1" Grid.Column="1" />

                <!--  Child Content to be place here on construction.  -->
                <ContentControl x:ConnectionId='13' x:Name="_childContainer" Grid.Row="3" Grid.Column="1" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch" />

                <Grid Grid.Row="5" Grid.Column="1">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*" />
                        <ColumnDefinition Width="4" />
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>
                    <Button x:ConnectionId='14'
                        x:Name="_positiveButton"
                        Style="{StaticResource StandardThemedButtonStyle}"
                        Height="32"
                        HorizontalAlignment="Stretch"
                                                      
                        x:Uid="Post" />

                    <Button x:ConnectionId='15'
                        x:Name="_closeButton"
                        Style="{StaticResource StandardThemedButtonStyle}"
                        Grid.Column="2"
                        Height="32"
                        HorizontalAlignment="Stretch"
                                                   
                        x:Uid="Cancel" />
                </Grid>
            </Grid>
        </Border>
    </Grid>
</controls:ReflowableUserControl>

